Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่าว่าข้อความขององค์ประกอบสามารถเลือกได้หรือไม่ด้วย JavaScript


ใช้คุณสมบัติ userSelect ใน JavaScript เพื่อเปิดหรือปิดการเลือกข้อความ สำหรับ Firefox ให้ใช้คุณสมบัติ MozUserSelect และตั้งค่าเป็น none เพื่อปิดการเลือก

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อตั้งค่าว่าข้อความขององค์ประกอบสามารถเลือกได้หรือไม่ด้วย JavaScript −

ตัวอย่าง

 <!DOCTYPE html> <html> <body> <button onclick = "myFunction()">Click me</button> <div id = "box"> Click the above button. This won't allow you to select this text. Shows ths usage of userSelect property. </div> <script> function myFunction() { var a = document.getElementById("box"); a.style.userSelect = "none"; // Works in Chrome and Safari a.style.WebkitUserSelect = "none"; // Works in Firefox a.style.MozUserSelect = "none"; } </script> </body> </html>