テキストを選択状態にする<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>
IEでmoveToPoint()を使う場合var range = document.body.createTextRange(); range.moveToPoint(window.event.x, window.event.y); range.expand("WORD"); range.select(); 目的の要素に、例えば<span onclick="selectMe()">abcdefg</span>のようにイベントにファンクションを登録し、上のコードを実行出来るようにする。すると、abcdefgが選択状態になる。 参考 |
|