很多朋友都遇到過這樣的問題,鼠標(biāo)移動(dòng)div時(shí)老是容易選中div中的文字,操作過快甚至連網(wǎng)頁(yè)都給咔嚓了,十分蛋疼,小編倒是想知道jb51的小伙伴們?cè)诔u別人的時(shí)候有沒有遇到!
具體問題
移動(dòng)div的時(shí)候速度過快會(huì)選中div中的文字,同時(shí)會(huì)影響div移動(dòng)的流暢性,導(dǎo)致效率很低
解決方法
通過CSS樣式來實(shí)現(xiàn)的禁止用鼠標(biāo)選擇功能:unselectable為IE準(zhǔn)備,onselectstart為Chrome、Safari準(zhǔn)備,-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)。
屬性有三個(gè)屬性值:
1、 none:用none,子元素所有的文字都不能選擇,包括input輸入框中的文字也不能選擇。
2、 -moz-all:子元素所有的文字都可以被選擇,但是input輸入框中的文字不可以被選擇。
3、 -moz-none:子元素所有的文字都不能選擇,但是input輸入框中的文字除外。
好了,不知道大家的問題解決了沒,沒有的話可以在下面留言小編哥哥來幫你。