以前在做圖片滾動時,在雙擊左右箭頭,快速切換圖片滾動時,會選擇附近區域的文字,感覺不是很好,今天在同事在分享時,講到了這個問題, 試了一下,不錯,解決了問題
IE及Chrome下的方法一樣,對相應的元素添加onselectstart=”return false;”但是,這個在火狐下不起作用,但是火狐下可以用css樣式來達到這個效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代碼如下所示:
<div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽雙擊選中文字的區域</div>
這樣這個區域的文字都不能選中了,就也不會出現在雙擊左右箭頭快速切換圖片滾動時會選擇附近區域文字的情況了
如果把
<body onselectstart="return false">
和
body{-moz-user-select: none;}
添加到body中,就實現了禁止用戶選中頁面上內容的效果