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>