HTML でのテキスト選択を防ぐにはどうすればよいですか?

HTML で選択できないテキスト

質問: HTML UI で、ユーザーが特定のテキストを選択できないようにすることはできますかタブなどのテキスト要素

答え:

はい、HTML でテキストを選択できないようにするには、いくつかの方法があります:

CSS を使用する:

最新のブラウザでは、これを CSS で実現できます。 user-select プロパティ:

*.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

選択不可属性の使用 (IE および Opera):

IE および Opera の古いバージョンの場合、選択不可属性を適用できます。具体的に要素:

<div>
<p><strong>注:</strong> この属性は継承されないため、選択できないようにする要素ごとに指定する必要があります。</p>
<p><strong>再帰的選択解除JavaScript を使用:</strong></p>
<p>または、JavaScript を使用して再帰的に設定することもできます。要素のすべての子孫に対する選択不可能な属性:</p>
<pre class="brush:php;toolbar:false">function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));