国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

解決Firefox/Opera 不支持onselectstart事件實現不允許用戶select

2024-07-11 08:28:36
字體：大 中 小
來源：轉載
供稿：網友
在開發中，很多區域是不允許用戶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 的樣式。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 拉萨市| 新昌县| 工布江达县| 贵阳市| 东光县| 云南省| 逊克县| 宜宾市| 桦甸市| 潞西市| 双桥区| 灵寿县| 三台县| 玉溪市| 武胜县| 澄迈县| 石首市| 梧州市| 安龙县| 随州市| 潼南县| 墨竹工卡县| 含山县| 顺义区| 马山县| 东辽县| 蕲春县| 綦江县| 丹江口市| 璧山县| 淮北市| 鄂托克旗| 通河县| 高淳县| 龙岩市| 江口县| 绥滨县| 上蔡县| 雷州市| 保山市| 荆州市|