-
onselectstart
鎖定
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"屬性來禁止文本選定
- 參考資料
-
- 1. onselectstart .濟南seo_志超_新浪博客[引用日期2013-04-01]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:10次歷史版本
- 最近更新: JD萤火虫003