国产探花免费观看_亚洲丰满少妇自慰呻吟_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 的樣式。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 霍山县| 安吉县| 普定县| 铁岭市| 五峰| 孟州市| 瑞安市| 仪陇县| 温宿县| 醴陵市| 惠州市| 遵义县| 习水县| 隆安县| 阿图什市| 安吉县| 黑水县| 韶关市| 三门峡市| 大悟县| 湾仔区| 马山县| 尼木县| 凌源市| 巴彦淖尔市| 二手房| 桦南县| 三穗县| 温泉县| 饶阳县| 东阿县| 汝阳县| 惠安县| 宁化县| 湖州市| 江津市| 同德县| 张家口市| 霍林郭勒市| 阳朔县| 枝江市|