处理Firefox/Opera 不适用onselectstart恶性事件完成不

2021-03-09 20:59 jianzhan
在开发设计中,许多地区是不容许客户select的,在IE/Safari/Chrome中大家可使用onselectstart恶性事件来阻拦客户选定元素内文字,
但在火狐中,这段地区還是能够挑选的,
以下:

拷贝编码
编码以下:

<html>
<head>
<meta charset="gbk">
<title>Firefox/Opera不适用onselectstart恶性事件</title>
</head>
<body>
<div id="noselect">Text</div>
<script type="text/javascript">
var div = document.getElementById('noselect');
div.onselectstart = function () {
console.log(3);
}
</script>
</body>
</html>

当用电脑鼠标去选定div内的文字时,IE/Safari/Chrome 的操纵台輸出了3,Firefox/Opera则沒有輸出。
可是火狐有自身的css款式"-moz-user-select“
大家可使用它来严禁客户挑选文字
以下:

拷贝编码
编码以下:

<html>
<head>
<meta charset="gbk">
<title>Firefox/Opera不适用onselectstart恶性事件</title>
<style type="text/css">
#noselect
{
-moz-user-select: none;
cursor: default;
}
</style>
</head>
<body>
<div id="noselect" onselectstart="return false;">Text</div>
</body>
</html>

ok
user-select是css3 的款式。