onselectstart幾乎可以用於所有對象,其觸發時間為目標對象被開始選中時(即選中動作剛開始,尚未實質性被選中)。
基本介紹
- 中文名:onselectstart
- 對象:用於所有對象
- 觸發時間:目標對象被開始選中時
- 條件:不被input和textarea標籤支持
代碼
onselectstart
該事件常使用
使用js禁止用戶選中網頁上的內容,IE及Chrome下的方法一樣。使用onselectstart,例如 IE: <body onselectstart="return false"> Firefox下,控制css: body { -moz-user-select: none; }
註:onselectstart事件不被input和textarea標籤支持,所以在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>
1 IE可以使用onselectstart事件來阻止用戶選定元素內文本,如下
<div onselectstart="return false">accc</div>
2 Firefox中可以使用CSS "-moz-user-select:none"屬性來禁止文本選定
3 webkit瀏覽器可以使用“-khtml-user-select”,當然也可以使用方式1