js-onSelectStart解释

最新推荐文章于 2021-10-03 23:32:44 发布
最新推荐文章于 2021-10-03 23:32:44 发布
阅读量7.6k 收藏 1
点赞数
分类专栏： JS 文章标签： function input chrome css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujiajie1990/article/details/7744130
版权

 IE&&Chrome中适用此方法

<script>
document.onselectstart=function(){return false;}
</script>

onselectstart是防止内容被选中默认状态是true

<body onselectstart=return(event.srcElement.type=='text')>
选不中
<input type="text" name="" value="来选吧">
</body>

一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样

function doIt(){
	var now=event.srcElement;
	if(now.tagName=="input"){
		return true;
	}
	else{
		return false;
	}
}

把他设定成函数

FF中对onselectstart方法是不支持的

在火狐中要使用css来控制

-moz-user-select:none;禁止选中文本


Chrome中的css解决方法

-khtml-user-select;禁止选中文本；也可使用js的方法来禁止

liujiajie1990
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于鼠标事件oncontextmenu和onselectstart的js写法问题
红烧小肥羊的博客
03-17 1067
刚刚尝试了一下用js写关于鼠标事件oncontextmenu（不显示右键菜单）和onselectstart（禁止copy）的处理程序，发现了一些比较奇怪的现象。一般情况下，给一个网页元素添加oncontextmenu或者onselectstart事件，是可以直接在标签中添加不用写js代码的，比如在body中添加，可以简单写成这样： oncontextmenu： onse
-moz-user-select与onselectstart 禁止选择文字的方法
09-25
今天无意中注意到QQ、Hi的密码输入框不能用鼠标选择后一次性删除，只能一个一个的删除，然后，就想js中怎么实现这种效果。
JS : onselectstart
小孩No乖的专栏
08-26 772
最近的工作中，接触JS的比较多，碰到个文本框不能拖动选择的问题 发现原来是增加了一个函数 document.onselectstart = function(event) {return false}; 那么页面上的所有的选择事件将失效。 譬如我们可以指定哪些是不能选定的 document.onselectstart= function(event){return test()};...
用js onselectstart事件鼠标禁止选中文字
denglangcheng82460的博客
04-13 268
禁止鼠标选中文本，针对不同浏览器有不同的写法。常见的是onselectstart表示禁止鼠标选中文本。其中用js可以在页面中写 onselectstart="return false" 比如说 <div style="width:200px;height:200px;" onselectstart="return false">这里面的文字是不能被鼠标选中的&lt...
js onselectstart事件（禁止鼠标选中文字）和CSS3 user-select
ssisse的博客
05-14 3029
用js可以在页面中写 onselectstart="return false" 比如说 这里面的文字是不能被鼠标选中的 firefox 实现就更简单了 .aa{-moz-user-select:none;} ..你直接在 这里加的话， 整个页面都不能复制文字了吧。。 如果是针对IE浏览器的话 ，CSS 应该可以这样写,代码如下 .aa{gn:expre
onselectstart
淡漠黑白
02-12 1352
onselectstart onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。 onselectstart 该事件常使用 使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如 IE: Firefox下，控制css: body { -moz-u
css 让文字不被选中之-moz-user-select 属性介绍
09-25
如果你想要完全禁止页面上的文本选择，还可以使用 JavaScript 的 `onselectstart` 事件处理函数： ```html <div onselectstart="return false;">这段文字也不能被选中。 ``` 这种方法虽然简单，但可能会影响用户的...
js使用小技巧
07-11
禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return ...
不能点右键、不用CTRL A、不能复制.rar
07-04
document.body.onselectstart = function() { return false; }; ``` 或者，也可以使用CSS属性`user-select`来全局禁止文本选择： ```css * { user-select: none; } ``` `*`表示所有元素，`user-select: ...
IE下设置unselectable与onselectstart属性的bug，Firefox与Chrome下的解决方案
网站开发初中级代码参考-转载
09-18 221
在IE下给DIV设置unselectable与onselectstart属性，可以让div的内容不能选中，这个功能在很多情况下，非常有用，但是他的bug太明显， 直接使用一个DIV是可以的，比如： &lt;div unselectable="on" onselectstart="return false;"&gt;不能选中的内容&lt;/div&gt; 但是假如在这个DIV前面在出现一...
opera+java+不能用_[置顶] 解决Firefox/Opera 不支持 onselectstart事件
weixin_42613017的博客
02-26 87
在开发中，很多区域是不允许用户select的，在IE/Safari/Chrome中我们可以使用onselectstart事件来阻止用户选定元素内文本，但在火狐中，这段区域还是可以选择的，如下：Firefox/Opera不支持onselectstart事件Textvar div = document.getElementById('noselect');div.onselectstart = fun...
$(document).on('selectstart',function(){ return false; })是什么意思
kakaxiD的博客
12-21 1864
$(document).on(‘selectstart’,function(){ return false; }) 是什么意思？就是区域不能被选中，return true” – 可选,是默认项,false – 不可选。
通过selectstart事件可以直接获得文本节点
qq_38744335的博客
01-26 2096
一般的事件对象的target只能得到元素节点， 而通过selectstart事件的event对象可以直接返回文本节点 document.onselectstart=function(e){  e=e||event;  e.target;//如果你点击的是文本，则返回的结果直接就是这个文本节点了 } 通过这个事件可以通过点击，就可以直接选取文本了
onselectstart与onselect—禁止选择或禁止复制
热门推荐
37度2
12-01 2万+
这两个事件看起来很相似，事实上却非常的不同。 onselectstart 使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。 使用onselectstart，例如 IE: Firefox：，控制css: body { -moz-user-select: none; }        onselectstart几乎可以用于所有对象，其触发时间为目标对象被
onselectstart与onselect
w93223010的专栏
07-24 379
这两个事件看起来很相似，事实上却非常的不同。 onselectstart         onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用 于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事 件，使用示例如下： flondon 或
JavaScript中onselectstart属性的应用实例
12-08 2937
  function fbd(){ var the = event.srcElement ; //通过body的onselectstart属性，控制叶面内容的可选状态。 //标签是 input text 以及 文本域textarea 的，均为可以选择项目。 if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" )
如何让网页字体元素变得可以选择JS的 onselectstart, style的 user-select:none
qq_38192709的博客
10-03 369
问题描述： 如何让网页字体元素变得可以选择。 其渲染出来的代码是这样的： 问题解决： 这个代码就是用 JS 把 onselectstart 变成 return true 外加 style 里面的 user-select: 不见 再严一点， 把 unselectable 里面的 on 变成 off 所以JS 如下， 因为有大量class 为 practice-item 元素 let practice_item = document.getElementsByClassName("practice-ite
取消选中之onselect 与 onselectstart 的区别
mh的63
06-23 1039
取消选中之onselect 与 onselectstart 的区别 先来看看实现的效果 右侧轮播图的左箭头，点击后不应该被选中，轮播显示上一张图片的内容。 如果不加onselectstart事件，会出现下图的效果 发现右边的箭头背景变成了蓝色，这是因为它被选中了。 为了解决这个问题，可以使用 <div onclick="lunLeft()" onselectstart="retur...
document.body.onselectstart
最新发布
05-26
`document.body.onselectstart` 是一个 JavaScript 事件属性，它设置在用户选择文本时触发的函数。该属性的默认值为 `null`，即不触发任何函数。如果想在文本被选择时执行一些操作，可以将该属性设置为一个函数。例如，以下代码会在用户选择文本时弹出一个提示框： ```javascript document.body.onselectstart = function() { alert('文本被选择了！'); }; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值