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

  1. JavaScriptで要素のマージンを設定するにはどうすればよいですか？

    マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html>    <body>       <button type="button" onclick="display()">Set all four margins</button>       <p id=

  2. CSSで要素のテキストを選択できるかどうかを設定します

    CSSのuser-selectプロパティを使用して、CSSで要素のテキストを選択できるかどうかを設定します。 例 <!DOCTYPE html> <html>    <head>       <style>          div {             user-select: none;          }   &nb