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

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

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

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

<div>

ユーザーがこの DIV 内の任意の場所をクリックすると、URL 全体が表示されます。強調表示され、選択したテキストを簡単にドラッグまたはコピーできるようになります。

これを実現するには、以下を利用できます。コード:

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>

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

以上がクリック時に DIV 内のすべてのテキストを自動的に選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。