* テキストを選択状態にする [#j9e42cf5]
<html>
<body>
<span>abcdefg</span>
<script type="text/javascript">
var span = document.getElementsByTagName('span')[0];
if (window.getSelection) {
var range = document.createRange();
range.setStart(span.firstChild,2);
range.setEnd(span.firstChild,5);
var sel = getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else {
var range = document.selection.createRange();
range.moveToElementText(span);
range.collapse();
range.moveStart("character", 2);
range.moveEnd("character", 3);
range.select();
}
</script>
</body>
</html>
- IE8/Fx3.5で確認。
- Fxで、range.setStart()/setEnd()の代りにrange.selectNodeContents()を使っても良い。その場合、SPANタグ内のテキスト全部が選択される。
*** IEでmoveToPoint()を使う場合 [#k080aba9]
var range = document.body.createTextRange();
range.moveToPoint(window.event.x, window.event.y);
range.expand("WORD");
range.select();
<span onclick="selectMe()">abcdefg</span>のようにイベントにファンクションを登録し、上のコードを実行出来るようにする。すると、abcdefgが選択状態になる。
目的の要素に、例えば<span onclick="selectMe()">abcdefg</span>のようにイベントにファンクションを登録し、上のコードを実行出来るようにする。すると、abcdefgが選択状態になる。
** 参考 [#r2bd25bc]
- http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=2237
- http://msdn.microsoft.com/ja-jp/library/cc392338.aspx
