บทความนี้อธิบายถึงวิธีการที่ JS ล้างเนื้อหาการเลือก แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
วันนี้ฉันกำลังทำเอฟเฟกต์การลาก DIV และพบว่าข้อความบนหน้าเว็บจะถูกเลือกเมื่อลากดังนั้นฉันจึงพบข้อมูลที่เกี่ยวข้องเกี่ยวกับการล้างเนื้อหาที่เลือก JS
ในผลลัพธ์ที่ได้รับพบว่าใน Google, Firefox และ Opera Browsers วัตถุหน้าต่างมีคุณสมบัติ getSelection แต่ไม่ใช่ใน IE วัตถุเอกสารใน IE มีแอตทริบิวต์การเลือกดังนั้นการล้างเนื้อหาที่เลือกในหน้าสามารถแก้ไขได้
ใน Google, Firefox และ Opera Browsers เราสามารถล้างเนื้อหาที่เลือกผ่าน Window.getSelection (). RemoveAllranges () และใน IE เราสามารถล้างเนื้อหาที่เลือกผ่าน document.selection.empty ()
ดังนั้นเราจึงสามารถเขียนสิ่งนี้:
var clearslct = "getSelection" ในหน้าต่าง? function () {window.getSelection (). removeAllranges ();}: function () {document.selection.empty ();};"getSelection" ในหน้าต่างใช้เพื่อตรวจสอบว่าวัตถุหน้าต่างมีคุณสมบัติ getSelection หรือไม่ ถ้าเป็นจริงก็หมายความว่าเบราว์เซอร์ปัจจุบันรองรับ getSelection นั่นคือเบราว์เซอร์เป็นเบราว์เซอร์ที่ไม่ใช่ IE และในทางกลับกัน
หากเราต้องการห้ามผู้ใช้จากการเลือกเนื้อหาในหน้าเราสามารถทำได้:
// ป้องกันไม่ให้เมาส์เลือกเนื้อหา (ล้างเนื้อหาที่เลือกเมื่อเมาส์ถูกปล่อยออกมา) window.onmouseup = function () {clearslct ();} // ป้องกันไม่ให้เนื้อหาเลือกเนื้อหาผ่านแป้นพิมพ์ (ล้างเนื้อหาที่เลือกเมื่อปุ่ม {method) (clearslct (clearslct Clearslct ();});ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน