JS清除選擇內(nèi)容的方法
本文實例講述了JS清除選擇內(nèi)容的方法。分享給大家供大家參考。具體分析如下:
今天在做一個DIV拖動的效果,發(fā)現(xiàn)在拖動的時候會選中頁面中的文本,于是找了一下JS清除選擇的內(nèi)容的相關(guān)信息。
在得到的結(jié)果中發(fā)現(xiàn): 在谷歌、火狐、Opera瀏覽器中,window對象有g(shù)etSelection屬性,而在IE中沒有。IE中的document對象有selection屬性,因此清除頁面中選擇的內(nèi)容也就可以得到解決。
在谷歌、火狐、Opera瀏覽器中我們可以很容易的通過 window.getSelection().removeAllRanges() 清除選中的內(nèi)容,在IE中我們可以通過 document.selection.empty() 來清除選中的內(nèi)容。
于是我們可以這樣寫:
var clearSlct= "getSelection" in window ? function(){ window.getSelection().removeAllRanges(); } : function(){ document.selection.empty(); };
"getSelection" in window 用于判斷window對象中是否含有g(shù)etSelection屬性,如果為true則說明當(dāng)前瀏覽器支持getSelection,也即瀏覽器為非IE瀏覽器,反之亦然。
如果我們想要禁止用戶選中頁面中的內(nèi)容,我們可以這樣做:
//防止鼠標選中內(nèi)容(當(dāng)鼠標松開時清除選中內(nèi)容) window.onmouseup=function(){ clearSlct(); } //防止通過鍵盤選中內(nèi)容(當(dāng)按鍵松開時清除選中內(nèi)容) window.onkeyup=function(){ clearSlct(); } //使用jQuery的方法 $(window).on("mouseup keyup",function(){ clearSlct(); });
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
bootstrap datepicker 與bootstrapValidator同時使用時選擇日期后無法正常觸發(fā)校驗的解
這篇文章主要介紹了bootstrap datepicker 與bootstrapValidator同時使用時選擇日期后無法正常觸發(fā)校驗的解決思路的相關(guān)資料,需要的朋友可以參考下2016-09-09js實現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置
本文主要分享了js實現(xiàn)PC端根據(jù)IP定位當(dāng)前城市地理位置的方法,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02Javascript中將變量轉(zhuǎn)換為字符串的三種方法
這篇文章主要給大家介紹了關(guān)于Javascript中將變量轉(zhuǎn)換為字符串的三種方法,這三種方法分別是:value.toString()、"" + value和String(value),文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09全面解析JavaScript中apply和call以及bind(推薦)
在javascript中apply、call和bind是三兄弟,很好的搭檔,下面小編給大家全面解析JavaScript中apply和call以及bind的相關(guān)知識,感興趣的朋友一起學(xué)習(xí)吧2016-06-06js前端加密庫Crypto-js進行MD5/SHA256/BASE64/AES加解密的方法與示例
js加密解密可以使用crypto-js它可以進行MD5、SHA-1、SHA-256、Base64、AES、DES、等算法和加密,這是一個對稱加密的庫,可以使用 AES、DES、但沒有rsa等非對稱加密的方法2023-12-12