JS清除選擇內(nèi)容的方法
本文實(shí)例講述了JS清除選擇內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
今天在做一個(gè)DIV拖動(dòng)的效果，發(fā)現(xiàn)在拖動(dòng)的時(shí)候會(huì)選中頁面中的文本，于是找了一下JS清除選擇的內(nèi)容的相關(guān)信息。
在得到的結(jié)果中發(fā)現(xiàn)： 在谷歌、火狐、Opera瀏覽器中，window對(duì)象有g(shù)etSelection屬性，而在IE中沒有。IE中的document對(duì)象有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對(duì)象中是否含有g(shù)etSelection屬性，如果為true則說明當(dāng)前瀏覽器支持getSelection，也即瀏覽器為非IE瀏覽器，反之亦然。
如果我們想要禁止用戶選中頁面中的內(nèi)容，我們可以這樣做：
//防止鼠標(biāo)選中內(nèi)容（當(dāng)鼠標(biāo)松開時(shí)清除選中內(nèi)容）
window.onmouseup=function(){
clearSlct();
}
//防止通過鍵盤選中內(nèi)容（當(dāng)按鍵松開時(shí)清除選中內(nèi)容）
window.onkeyup=function(){
clearSlct();
}
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
clearSlct();
});
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js判斷手機(jī)和pc端選擇不同執(zhí)行事件的方法
- 常見的原始JS選擇器使用方法總結(jié)
- 設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài)的方法
- js二級(jí)地域選擇的實(shí)現(xiàn)方法
- 選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
- js樹插件zTree獲取所有選中節(jié)點(diǎn)數(shù)據(jù)的方法
- js 判斷checkbox是否選中的操作方法
- js實(shí)現(xiàn)翻頁后保持checkbox選中狀態(tài)的實(shí)現(xiàn)方法
- js點(diǎn)擊選擇文本的方法
相關(guān)文章
一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序
這篇文章主要介紹了一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序，很簡(jiǎn)單，但很實(shí)用，感興趣的朋友可以參考下2014-09-09
JavaScript中常用的運(yùn)算符小結(jié)，需要的朋友可以參考下。2012-01-01
判斷某個(gè)字符在一個(gè)字符串中是否存在的js代碼
這篇文章主要介紹了判斷某個(gè)字符在一個(gè)字符串中是否存在的方法,需要的朋友可以參考下2014-02-02
js使瀏覽器窗口最大化實(shí)現(xiàn)代碼(適用于IE)
點(diǎn)擊最大化按鈕后，瀏覽器的內(nèi)容填充滿顯示器，瀏覽器窗口的邊框被擠出顯示器。而該js的最大化效果是瀏覽器的邊框在顯示器內(nèi)顯示，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
詳解照片瀑布流效果（js，jquery分別實(shí)現(xiàn)與知識(shí)點(diǎn)總結(jié)）
本篇文章主要介紹了照片瀑布流效果，實(shí)現(xiàn)圖片自動(dòng)加載的瀑布流效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-01-01
js每隔兩秒輸出數(shù)組中的一項(xiàng)(實(shí)例)
下面小編就為大家?guī)硪黄猨s每隔兩秒輸出數(shù)組中的一項(xiàng)(實(shí)例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
IE6的PNG透明是個(gè)老問題了，最近有朋友問我有沒有最好的解決這個(gè)問題的插件，今天抽空把這個(gè)發(fā)上來2013-04-04
本文主要介紹了JS電梯導(dǎo)航的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript中高階函數(shù)的巧妙運(yùn)用
JavaScript中的高階函數(shù)是指可以接受其他函數(shù)作為參數(shù)或者返回一個(gè)函數(shù)作為結(jié)果的函數(shù)，本文介紹了JS中一些高階函數(shù)的妙用，希望對(duì)大家有所幫助2023-05-05