很多時候我們不需要某個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...