禁止dom元素選中方法(相容各瀏覽器)

2021-09-30 15:29:50 字數 667 閱讀 1284

很多時候我們不需要某個dom元素的選中狀態,可以通過onselectstart事件來控制。

1、dom原生js方法:在dom元素上加入onselectstart="return false;"即可。

2、jquery方法:

//去除dom元素的選中功能

$("#targetid").bind('selectstart',function());

3、css方法:

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

-webkit-user-select:none;/**chrome、safari、360極速*/

gn:expression(this.onselectstart=function());/**ie7*/

hutia:expression(this.onselectstart=function());/**ie7*/

但是上面的兩種方法只相容於以下瀏覽器:chrome、safari、360安全、360極速、ie9、ie8、ie7

如果需要相容於firefox瀏覽,還需要用css:-moz-user-select:none;來處理

至於opera瀏覽器,暫時沒有找到可以禁止dom元素選中的方法

以上均為我實際測試的結果!!!

元素居中方法

一 水平居中方式 行內元素 text alien center 塊元素 已知寬度 1 margin 0 auto 2 position margin組合 left 50 margin left px 未知寬度 1 display inline inline block text alien cent...

元素居中方法

一 水平居中方式 行內元素 text alien center 塊元素 已知寬度 1 margin 0 auto 2 position margin組合 left 50 margin left px 未知寬度 1 display inline inline block text alien cent...

JS禁止選中文字方法

if typeof element.onselectstart undefined else ie下有onselectstart這個方法,通過設定這個方法可以禁止元素文字被選取。而firefox下沒有這個方法,但可以通過css或一種變通的辦法解決 使用css div 另外一種方法是 ie docum...