html长按禁止选择文字

2024-11-02

HTML5[5]：在移动端禁用长按选中文本功能

在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上. * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

/*如果是禁用长按选择文字功能,用css*/ * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } input { -webkit-user-select:auto; /*webkit浏览器*/ } // 如果是想禁用长按弹出菜单, 用js window.a

CSS样式表能否控制文字禁止选择,复制, 焦点

div中禁止文字被选择在做div的点击计数事件时,遇到一个小问题. 因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中. 查了下,用css和javascript可以实现禁止选择. css代码:/* css style: */html,body{-moz-user-select: none;-khtml-user-select: none;user-select: none;} <div unselectable="on" onselectstart

禁止选择DIV内的文本(css,js写法)

css:<span style="font-family:SimSun;font-size:18px;">/* 禁止选择div内的文字 */ #hall_body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: no

HTML 禁止复制文字

因为本人平时喜欢看网络小说,但是喜欢看的文通过正经网站或者app都需要收费,让人很是不爽,所以...总之,百度网盘上资源很多.但是问题来了,这些资源肯定不会是作者自己流出的,也不应该是网站或app流出的,更不可能是读者手打的.所以,最大的可能就是上网站复制的...所以不明白为什么网站要允许复制.下面是禁止复制文字的实现方式: 1.禁用选中和右键: 在<body>标签中添加以下代码: οncοntextmenu='return false' //禁止右键οndragstart='retur

HTML页面禁止选择、页面禁止复制、页面禁止右键

HTML页面内容禁止选择.复制.右键刚在一个看一个站点的源代码的的时候发现的,其实原来真的很简单 <body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforeco

鼠标选择文字事件js代码，增加层问题

在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){ txt = document.selection.createRange().text }else{ txt = window.

禁止选择文本和禁用右键 v1.0

var zhonghao={ //绑定事件 myAddEvent: function(obj, sEvent, fn){if(obj.attachEvent){obj.attachEvent('on'+sEvent, fn);}else{obj.addEventListener(sEvent, fn, false);}}, //禁止选择文本 disableselect:function(e){ var omitformtags=["input", "textarea"

[原创作品]html css改变浏览器选择文字的背景和颜色

又很久没有'剥壳'了,最近在为一家公司做一个生产管理解决方案.所以都很忙.今天的话题很简单,就做一个很简单的网页特效.今天偶然浏览到一个网站,他们在选择文字时,样子不是蓝背景和白色字体那么单调,感觉这样很好.至少,显得和别人的不一样. 其实他用的就是css3的一个伪对象选择符,::selection.这个就可以改变选择文字的样式了.献上demo.这其实没多少技术含量,只是将点点滴滴和大家一起分享. <!DOCTYPE html> <html> <head> <ti

NSIS：禁止选择安装路径和编辑安装目录

原文 NSIS:禁止选择安装路径和编辑安装目录如果你想在安装包中禁止用户选择安装路径和编辑安装目录,有两种方式. 第一种:注释或删除安装目录选择页面 1 ;!insertmacro MUI_PAGE_DIRECTORY 直接没有安装目录选择页面,用户当然无法选择啦! 第二种:在安装目录选择页面加函数 01 ; 安装目录选择页面 02 !define MUI_PAGE_CUSTOMFUNCTION_SHOW mulu 03 !insertmacro MUI_PAGE_DIRECTORY

select标签禁止选择但又能通过序列化form表单传值到后台

前言项目开发中,我们可能会碰到这样的需求:select标签,禁止选择但又能通过序列化form表单传值到后台,但是当我们使用disabled="disabled"时发现,无法序列化form获取到select标签的值:当我们使用readonly="readonly"发现,我们还是能展开下拉框并选择值,这时候我们应该怎么实现这个需求呢? 代码实现方法一 1.设置readonly="readonly",设置被禁用的页面效果 2.设置onmousedo

改变选择文字的color及background-color

在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧.然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧. 例如这样然而也会有一些网站会是这样的或者是这样的以下是一个我写的代码.ps:[效果在浏览我blog也可以查看哦!] <!DOCTYPE html> <html> <head> <me

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=tr

Ubuntu 14.04 LTS 火狐浏览器中，鼠标选择文字被删除的解决办法

这篇文章主要介绍了Ubuntu 火狐浏览器中,鼠标选择文字被删除的解决办法,需要的朋友可以参考下在终端中输入命令: ibus-setup将 “在应用程序窗口中启用内嵌编辑模式“ 选项取消

element-ui时间选择器--设置禁止选择的时间

场景需求:开始日期不能小于今天,在今天之前的日期禁止选择,结束日期不能小于开始日期,开始日期之前的日期禁止选择. 效果图: element-ui的时间选择器中,有一个picker-options的属性,属性值中有个disabledDate可以设置禁用状态,类型为函数,参数为今天日期,通过返回Boolean值来确定日期是否可以选择. 因此,开始日期可以通过picker-options这个属性去设置禁用选项: setStartDate(){ let time = this.getDate()//把当

hexo主题hexo-theme-yilia文章太长，截断按钮文字的实现

文章太长,截断按钮文字不是通过配置文件_config.yml实现的,而是在文章内容里实现,在你想截断的文章位置加上  就可以实现了! 参考博客:hexo-theme-yilia使用遇到的问题

h5 安卓/IOS长按图片、文字禁止选中或弹出系统菜单的解决方法

最近在做IM的语音功能,发现当长按录音的时候手机会弹出来系统菜单, IOS下bug形式:1)长按的标签设置为css background的形式:不会弹出菜单: 2)但是当设置为img时,系统默认识别为保存图片的行为,因而会产生以下系统菜单: 3) 当前标签为纯文字时,会弹出选中文字的系统菜单: 安卓的bug形式如下: 1)当设置为css的background形式时候,系统默认对整个网页进行操作,因而产生以下菜单: 2) 当设置为img标签时,系统默认识别用户为保存图片,因而产生以下菜单: 3)

网页不让用户复制方法总汇,设置html禁止选择，保护源码，js禁止复制文字

这篇文章主要讲解:右键复制失效方法.菜单"文件"-"另存为"失效方法.防止查看源代码进行复制的方法.防止页面缓存的方法.来达到一定的代码保护效果右键复制失效方法: 方法一: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new

css和js禁止网页选择文字

user-select有两个值: none:用户不能选择文本 text:用户可以选择文本需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 <style> body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*

网站内容js设置禁止复制，禁止选择

网站内容禁止复制和粘贴.另存为的js代码 1.使右键和复制失效方法1: 在网页中加入以下代码: 复制代码代码如下: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false");

onselectstart与onselect—禁止选择或禁止复制

这两个事件看起来很相似,事实上却非常的不同. onselectstart 使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样.使用onselectstart,例如 IE: <body onselectstart="return false"> Firefox:,控制css: body { -moz-user-select: none; } onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中).该