この記事の例では、JavaScript でカーソル位置を取得および設定する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
プロジェクト開発では、カーソル位置を入力の最後に設定するという問題によく遭遇します。今日、Google を調べて、カーソル位置を取得 (getCursortPosition) し、IE などの主流ブラウザでカーソル位置を設定する方法を知りました。 、Firefox、および Opera (setCursorPosition) 関数。
1. カーソル位置の取得関数:
function getCursortPosition (ctrl) { var CaretPos = 0; // IE Support if (document.selection) { ctrl.focus (); var Sel = document.selection.createRange (); Sel.moveStart ('character', -ctrl.value.length); CaretPos = Sel.text.length; } // Firefox support else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart; return (CaretPos); }
2. カーソル位置機能を設定します:
function setCaretPosition(ctrl, pos){ if(ctrl.setSelectionRange) { ctrl.focus(); ctrl.setSelectionRange(pos,pos); } else if (ctrl.createTextRange) { var range = ctrl.createTextRange(); range.collapse(true); range.moveEnd('character', pos); range.moveStart('character', pos); range.select(); } }
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。