クリック時に DIV 内のすべてのテキストを自動的に選択するにはどうすればよいですか?

マウスクリックで DIV テキストを強調表示して選択します

テキスト選択タスクを簡素化するために、ユーザーが DIV をクリックしたときに DIV の内容全体を強調表示して選択できます。 。これにより、手動で強調表示する必要がなくなり、テキストが見逃されることがなくなります。

次の例を考えてみましょう。

<div>
<p>ユーザーがこの DIV 内の任意の場所をクリックすると、URL 全体が表示されます。強調表示され、選択したテキストを簡単にドラッグまたはコピーできるようになります。</p>
<p>これを実現するには、以下を利用できます。コード:</p>
<pre class="brush:php;toolbar:false">function selectText(containerid) {
    if (document.selection) { // IE
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
    }
}

このコードを使用するには、次の属性を DIV に追加するだけです:

<div><p>これで、ユーザーが DIV をクリックすると、テキスト全体が自動的に表示されます。選択すると、さまざまなテキスト関連のアクションを実行するのに便利です。</p></div>