選択した content_javascript スキルをクリアするための JS メソッド

この記事の例では、選択したコンテンツをクリアする JS メソッドについて説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

今日、DIV のドラッグ効果を作成していましたが、ドラッグするとページ上のテキストが選択されることがわかり、選択されたコンテンツをクリアする JS に関する情報を探しました。

取得した結果で見つかりました: Google、Firefox、Opera ブラウザでは、ウィンドウ オブジェクトに getSelection 属性がありますが、IE にはありません。 IEのドキュメントオブジェクトには選択属性があるため、ページ上の選択内容がクリアされる問題は解決できます。

Google、Firefox、Opera ブラウザでは、 window.getSelection().removeAllRanges() を使用して選択したコンテンツを簡単にクリアできます。IE では、 document.selection.empty() を使用して選択したコンテンツをクリアできます。

したがって、次のように書くことができます:

var clearSlct= "getSelection" in window ? function(){
 window.getSelection().removeAllRanges();
} : function(){
 document.selection.empty();
};

window の「getSelection」は、window オブジェクトに getSelection 属性が含まれているかどうかを判断するために使用されます。これが true の場合、現在のブラウザーが getSelection をサポートしていること、つまりブラウザーが IE ブラウザーではないことを意味します。また、その逆も同様です。

ユーザーがページ上のコンテンツを選択できないようにしたい場合は、次のようにすることができます:

//防止鼠标选中内容（当鼠标松开时清除选中内容）
window.onmouseup=function(){
 clearSlct();
}
   
//防止通过键盘选中内容（当按键松开时清除选中内容）
window.onkeyup=function(){
 clearSlct();
}
 
//使用jQuery的方法
$(window).on("mouseup keyup",function(){
 clearSlct();
});

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。