입력 텍스트 필드에서 커서를 이동하는 방법

Question

왼쪽 화살표 키의 입력 텍스트 필드에서 커서가 내 테스트 중 하나에서 어떻게 움직이는 지 시뮬레이트하려하지만 이벤트가 작동하지 않는 것 같습니다 어쩌면 보안상의 이유로?). 누구나 해결 방법을 알고 있습니까? 예 : http://jsfiddle.net/UYW6M/.

$(function() { 
    $('#check').click(function(e) { 
     e.preventDefault(); 
     $('input').focus(); 
     console.log($('input')[0].selectionStart); 
    }); 
    $('#move').click(function(e) { 
     e.preventDefault(); 

     var press = jQuery.Event("keypress"); 
     press.ctrlKey = false; 
     press.which = 37; 
     $('input').focus(); 
     setTimeout(function(){ 
      $('input').trigger(press); 
      console.log('event triggered!'); 
     }, 1000); 
    }); 
}); 

키 37가 왼쪽 화살표입니다. 또한 "a"를 삽입 할 때 65와 같은 다른 코드에서는 작동하지 않습니다.

나는 단순성을 위해 여기에 jQuery를 사용하지만, 누군가가 그 콤보에 대한 해결책을 안다면 Angular + Karma에 내 앱이 실제로있다.

Answer 1

이것은 보안 문제라고 생각합니다. 그런데 왜 그게 필요하니? 커서 위치를 변경하려면 jquery가 필요하지 않습니다. 순수 자바 스크립트 :

function setCaretPosition(elemId, caretPos) { 
    var elem = document.getElementById(elemId); 

    if(elem != null) { 
     if(elem.createTextRange) { 
      var range = elem.createTextRange(); 
      range.move('character', caretPos); 
      range.select(); 
     } else { 
      if(elem.selectionStart) { 
       elem.focus(); 
       elem.setSelectionRange(caretPos, caretPos); 
      } 
      else 
       elem.focus(); 
     } 
    } 
} 

더 많은 정보 : Set keyboard caret position in html textbox