Javascript

テキストエリアをマウスオーバーされた時に選択状態にする

<textarea readonly onmouseover="this.focus();this.select()">
ここのテキストエリアがマウスオーバーされると、選択状態になります。
</textarea>

テキストエリア以外の文字列を選択状態にする

上記ではテキストエリアの文字列を選択状態にする方法を紹介しましたが、それ以外の要素部分にある文字列は上記方法では選択状態にできません。 テキストエリア以外の文字列は以下のようなJavascriptで選択状態にすることができます。

//選択範囲の要素を取得します。
var element = document.getElementById("選択範囲にする要素");
//Rangeオブジェクトを作成します。
var range = document.createRange();
//取得した要素をRangeオブジェクトで選択範囲とします。
range.selectNodeContents(element);
//上記で設定した範囲を選択状態にします。
window.getSelection().addRange(range);

最終更新のRSS
Last-modified: 2016-06-20 (月) 04:42:54 (675d)