js獲得游標位置和鍵的ASCLL

js獲得游標位置和鍵的ASCLL

input輸入框中，不允許輸入某些特殊字元，當輸入特殊字元時替換成空。

問題：綁定keyup事件，為了使用者輸入方便，當使用者點擊方向鍵時進行修改，也會觸發keyup事件，這時游標會跳到最後一位。。。。

 

解決方案一：可以用keycode鍵的ASCll排除掉，但是點擊鍵盤的其他鍵游標還是會跳到最後一位。

解決方案二：先獲得游標的位置資訊，然後進行資料處理操作，最後定位到原來游標的位置。

代碼如下：

//綁定keyup事件，調用replaceStr()函數function replaceStr(){//獲得游標位置var ctrl= document.getElementById('preInfo');var CaretPos = 0;   // IE Support if(!+"\v1"){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;//IE中有event，Firefox中arguments.callee.caller.arguments[0] || window.eventevent=arguments.callee.caller.arguments[0] || window.event;}//alert(CaretPos);//列印游標位置//alert(event.keyCode)//列印鍵的ASCLLif((event.keyCode == 188)||(event.keyCode == 190)||(event.keyCode == 16)||(event.keyCode ==222)){//當鍵盤輸入""&<>特殊符號時,執行替換為空白串。var replaceStr=document.getElementById('preInfo').value;replaceStr=replaceStr.replace(/[\"\&\=\:\<\>]+/g,"");document.getElementById('preInfo').value=replaceStr;}//設定游標位置//if(!+"\v1"){if(ctrl.setSelectionRange){ctrl.focus();ctrl.setSelectionRange(CaretPos,CaretPos);console.log(CaretPos);} else if (ctrl.createTextRange) {var range = ctrl.createTextRange();range.collapse(true);range.moveEnd('character', CaretPos);range.moveStart('character', CaretPos);range.select();}//}}