×

如何用JS禁止选中文本方法

作者:andy0012019.11.01来源:Web前端之家浏览:15441评论:0
关键词:js

介绍下如何用JS禁止选中文本方法,一起来学习下吧。

if (typeof(element.onselectstart) != "undefined") {        
    // IE下禁止元素被选取        
    element.onselectstart = new Function("return false");        
} else {    // firefox下禁止元素被选取的变通办法        
    element.onmousedown = new Function("return false");        
    element.onmouseup = new Function("return true");        
}

IE下有onselectstart这个方法,通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法,但可以通过css或一种变通的办法解决:

使用CSS:

div {
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;    
}

另外一种方法是: 

ie:document.selection.empty() 
ff:window.getSelection().removeAllRanges()

兼容的写法:

window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

这种方法不但不影响拖放对象的选择效果,还能对整个文档进行清除。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js82jsldjflksdjflk.html

网友评论文明上网理性发言 已有0人参与

发表评论: