JS清除選擇內(nèi)容的方法
更新時間：2015年01月29日 12:01:38 作者：穗溪
這篇文章主要介紹了JS清除選擇內(nèi)容的方法,較為詳細的分析了js操作文本的技巧,需要的朋友可以參考下
本文實例講述了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則說明當前瀏覽器支持getSelection，也即瀏覽器為非IE瀏覽器，反之亦然。
如果我們想要禁止用戶選中頁面中的內(nèi)容，我們可以這樣做：
//防止鼠標選中內(nèi)容（當鼠標松開時清除選中內(nèi)容）
window.onmouseup=function(){
clearSlct();
}
//防止通過鍵盤選中內(nèi)容（當按鍵松開時清除選中內(nèi)容）
window.onkeyup=function(){
clearSlct();
}
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
clearSlct();
});
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
一個字符串反轉(zhuǎn)函數(shù)可實現(xiàn)字符串倒序
這篇文章主要介紹了一個字符串反轉(zhuǎn)函數(shù)可實現(xiàn)字符串倒序，很簡單，但很實用，感興趣的朋友可以參考下2014-09-09
JavaScript中常用的運算符小結(jié)，需要的朋友可以參考下。2012-01-01
這篇文章主要介紹了判斷某個字符在一個字符串中是否存在的方法,需要的朋友可以參考下2014-02-02
點擊最大化按鈕后，瀏覽器的內(nèi)容填充滿顯示器，瀏覽器窗口的邊框被擠出顯示器。而該js的最大化效果是瀏覽器的邊框在顯示器內(nèi)顯示，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
詳解照片瀑布流效果（js，jquery分別實現(xiàn)與知識點總結(jié)）
本篇文章主要介紹了照片瀑布流效果，實現(xiàn)圖片自動加載的瀑布流效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-01-01
下面小編就為大家?guī)硪黄猨s每隔兩秒輸出數(shù)組中的一項(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
IE6的PNG透明是個老問題了，最近有朋友問我有沒有最好的解決這個問題的插件，今天抽空把這個發(fā)上來2013-04-04
本文主要介紹了JS電梯導航的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)二維坐標點排序效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript中的高階函數(shù)是指可以接受其他函數(shù)作為參數(shù)或者返回一個函數(shù)作為結(jié)果的函數(shù)，本文介紹了JS中一些高階函數(shù)的妙用，希望對大家有所幫助2023-05-05