很多朋友都遇到過這樣的問題,鼠標移動div時老是容易選中div中的文字,操作過快甚至連網(wǎng)頁都給咔嚓了,十分蛋疼,小編倒是想知道jb51的小伙伴們在抄襲別人的時候有沒有遇到!
具體問題
移動div的時候速度過快會選中div中的文字,同時會影響div移動的流暢性,導致效率很低
解決方法
通過CSS樣式來實現(xiàn)的禁止用鼠標選擇功能:unselectable為IE準備,onselectstart為Chrome、Safari準備,-moz-user-select是FF的 cssstyle:
代碼:
html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}
<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">
屏蔽選擇的樣式定義:-moz-user-select屬性(只支持ff)。
屬性有三個屬性值:
1、 none:用none,子元素所有的文字都不能選擇,包括input輸入框中的文字也不能選擇。
2、 -moz-all:子元素所有的文字都可以被選擇,但是input輸入框中的文字不可以被選擇。
3、 -moz-none:子元素所有的文字都不能選擇,但是input輸入框中的文字除外。
好了,不知道大家的問題解決了沒,沒有的話可以在下面留言小編哥哥來幫你。