js鼠標移動時禁止選中文字
更新時間：2017年02月19日 11:19:00 作者：JHZ
本文主要介紹了js鼠標移動時禁止選中文字的方法，具有很好的參考價值，下面跟著小編一起來看下吧
這是通過CSS樣式來實現(xiàn)的禁止用鼠標選擇功能：
unselectable為IE準備
onselectstart為Chrome、Safari準備
-moz-user-select是FF的
css style: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輸入框中的文字除外。
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
Promise，相信每一個前端工程師都或多或少地在項目中都是用過，畢竟它早已不是一個新名詞。ES6中已經(jīng)原生對它加以支持，在caniuse中搜索一下 Promise ，發(fā)現(xiàn)新版的chrome和firefox也已經(jīng)支持。但是低版本的瀏覽器我們可以使用 es6-promise 這個 polyfill 庫來加以兼容。2017-02-02
這篇文章主要介紹了淺談 JS 對象添加 getter與 setter 的5種方法以及如何讓對象屬性不可配置或枚舉,需要的朋友可以參考下2018-06-06
下面的代碼就是利用js控制cpu的占有率，實現(xiàn)時高時低效果2008-11-11
使用Emberjs制作一個簡單的Todo應(yīng)用,需要的朋友可以參考下2012-11-11
JavaScript中的this/call/apply/bind的使用及區(qū)別
這篇文章主要介紹了JavaScript中的this/call/apply/bind的使用及區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了javaScript實現(xiàn)滾動新聞的方法,涉及javascript實現(xiàn)頁面滾動的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
Javascript BOM學(xué)習(xí)小結(jié)(六)
BOM：BrowserObjectModel,瀏覽器對象模型，提供JS中對瀏覽器的各種操作的對象，是JS應(yīng)用中唯一沒有相關(guān)標準的部分，這事BOM經(jīng)常出現(xiàn)問題的所在，主要用于處理瀏覽器窗口與框架，瀏覽器特有的JS擴展也被默認為BOM的一部分，而各瀏覽器之間的公有對象就成了默認的標準2015-11-11
排序有內(nèi)部排序和外部排序，內(nèi)部排序是數(shù)據(jù)記錄在內(nèi)存中進行排序，而外部排序是因排序的數(shù)據(jù)很大，一次不能容納全部的排序記錄，在排序過程中需要訪問外存。我們這里說說八大排序就是內(nèi)部排序。2015-04-04
這篇文章主要為大家詳細介紹了TypeScript的類型注解，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要介紹了微信小程序開發(fā)常用功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02