滑鼠移動div時禁止選中div中的文字的方法

標籤：

今天在做div移動時遇到一個奇怪的問題 ，就是在移動div的時候偶爾會選中div中的文字，同時會影響div移動的流暢性， 可鬱悶了 查了查資料 有用css實現的 也有用js實現的 具體原理就細看 直接上解決方案

下面來自轉載 網上滴：

這是通過CSS樣式來實現的禁止用滑鼠選擇功能：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輸入框中的文字除外。

滑鼠移動div時禁止選中div中的文字的方法