📅  最后修改于: 2023-12-03 14:49:35.931000             🧑  作者: Mango
有时,我们需要将某些内容或元素在页面中设置为不可选择,这可以通过CSS和JavaScript来实现。
我们可以使用CSS中的user-select属性来防止选择元素。例如:
.unselectable {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}
该CSS样式将应用于所有类名为“unselectable”的元素,该元素将无法选择。 值none表示禁止选择。
使用JavaScript,我们可以使用以下代码将对象设为不可选择:
element.onselectstart = function(){
return false;
}
其中,element表示要屏蔽选择的元素。onselectstart事件会在元素被选择的过程中触发,在这里我们可以禁止选择。
值得注意的是,使用JavaScript禁止选择的方法并不是标准事件,不同浏览器支持程度不同。
通过上述两种方法,我们可以将某些元素或内容设置为不可选择。在实际开发中,我们可以根据需要选择使用CSS或JavaScript实现。