Kaedah JS untuk mengosongkan kemahiran content_javascript yang dipilih

Contoh dalam artikel ini menerangkan kaedah JS untuk mengosongkan kandungan yang dipilih. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Hari ini saya sedang membuat kesan seretan DIV, dan mendapati bahawa teks pada halaman akan dipilih apabila menyeret, jadi saya mencari maklumat tentang JS mengosongkan kandungan yang dipilih.

Ditemui dalam hasil yang diperoleh: Dalam penyemak imbas Google, Firefox dan Opera, objek tetingkap mempunyai atribut getSelection, tetapi tidak dalam IE. Objek dokumen dalam IE mempunyai atribut pemilihan, jadi mengosongkan kandungan yang dipilih pada halaman boleh diselesaikan.

Dalam penyemak imbas Google, Firefox dan Opera, kami boleh mengosongkan kandungan yang dipilih dengan mudah melalui window.getSelection().removeAllRanges() Dalam IE, kami boleh mengosongkan kandungan yang dipilih melalui document.selection.empty() .

Jadi kita boleh menulis seperti ini:

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

"getSelection" dalam tetingkap digunakan untuk menentukan sama ada objek tetingkap mengandungi atribut getSelection Jika ia benar, ini bermakna penyemak imbas semasa menyokong getSelection, iaitu penyemak imbas bukan pelayar IE, dan sebaliknya.

Jika kami ingin menghalang pengguna daripada memilih kandungan pada halaman, kami boleh melakukan ini:

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

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.