怎样可以实现鼠标放在网页上的文字时，不出现I形状的标记，并且不能选则文字

发布网友发布时间：2022-04-21 08:44

我来回答

共2个回答

热心网友时间：2022-04-21 10:13

css。让这部分区域的

cursor: default;

可以不显示I型的鼠标光标

不能选择文字。这个需求只能满足现代浏览器，老旧的IE8及以下的浏览器不能实现。
以下上让某个div里的文字不能选中

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

热心网友时间：2022-04-21 11:31

第一个问题：css的cursor属性
第二个问题：复制来的，应该是对的
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();