Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt văn bản của một phần tử có thể được chọn hay không bằng JavaScript?

Sử dụng userSelect thuộc tính trong JavaScript để bật hoặc tắt lựa chọn văn bản. Đối với Firefox, hãy sử dụng MozUserSelect và đặt nó thành không, để tắt lựa chọn.

Bạn có thể thử chạy đoạn mã sau để đặt liệu văn bản của một phần tử có thể được chọn hay không bằng JavaScript -

Ví dụ

<!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>