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

相關詞條

熱門詞條

聯絡我們