複製鏈接
請複製以下鏈接發送給好友

onselectstart

鎖定
onselectstart幾乎可以用於所有對象,其觸發時間為目標對象被開始選中時(即選中動作剛開始,尚未實質性被選中)。
中文名
onselectstart
對    象
用於所有對象
觸發時間
目標對象被開始選中時
條    件
不被input和textarea標籤支持
代碼
onselectstart
該事件常使用
使用js禁止用户選中網頁上的內容,IE及Chrome下的方法一樣。使用onselectstart,例如 IE: <body onselectstart="return false"> Firefox下,控制css: body { -moz-user-select: none; }
注:onselectstart事件不被inputtextarea標籤支持,所以在BODY用onSelectStart=return false 不讓選擇,但是頁面上的文字輸入框怎樣可以設置到可選擇.
注:
Firefox/Opera不支持onselectstart事件
如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox/Opera不支持onselectstart事件</title>
</head>
<body>
<div id="d1" style="width:200px;height:200px;background:gold;">Text Text</div>
<script type="text/javascript">
var div = document.getElementById('d1');
div.onselectstart = function(){
console.log(3);
}
</script>
</body>
</html>
當用鼠標去選定div內的文本時,IE/Safari/Chrome 的控制枱輸出了3,Firefox/Opera則沒有輸出。
1 IE可以使用onselectstart事件來阻止用户選定元素內文本,如下
<div onselectstart="return false">accc</div>
2 Firefox中可以使用CSS "-moz-user-select:none"屬性來禁止文本選定
3 webkit瀏覽器可以使用“-khtml-user-select”,當然也可以使用方式1 [1] 
參考資料