天天看點

禁止滑鼠選擇頁面内容

.disable-select {

    -moz-user-select: none;/*Firefox*/

    -ms-user-select: none;/*ie10*/

    -webkit-user-select: none;/*Chrome*/

    user-select: none;

}

-ms-user-select 可設定 4 個值:

text – 可以選擇文本

element – 可以選擇文本,但選擇範圍受元素邊界的限制

none – 不可以選擇文本,子元素也不能選擇

auto – 如果該元素包含可編輯的文本(如輸入元素或可編輯内容的元素),則可以選擇文本。否則,元素内容是否可選擇由父節點的值決定。

-ms-user-select 的預設值為 auto。

ie6-9可以設定

document.body.onselectstart = document.body.ondrag = function(){

return false;

本文轉自 yntmdr 51CTO部落格,原文連結:http://blog.51cto.com/yntmdr/1657021,如需轉載請自行聯系原作者

繼續閱讀