입력 텍스트 필드는 예를 들어, IE와 크롬

Question

내가 입력 텍스트 필드에 입력을 필터링하고에 뛰어 커서를 발생합니다

그리고 비 제거와 같은 즉석에서 입력을 필터링하고 숫자.

$("#txtlevel").bind('keyup', function(evt) 
{ 
    var value = $(this).val(); 
    value = value.replace(/\D/g, ''); /* Remove any non-digit characters */ 
    if (value.length > 1) 
    { 
     value = value.replace(/^[ 0]/g,''); /* Remove any leading spaces or zeros */ 
    } 
    $(this).val(value); 
} 

Firefox에서는 잘 작동하지만 IE와 Chrome에서는 매 시점마다 커서가 입력 필드의 끝으로 이동합니다. 이것을 방지하거나 커서 위치를 재설정 할 수 있습니까? 나는 텍스트 필드를 위해 코드를 보았지만 텍스트 필드를 입력하지 않았다.

Answer 1

keyup을 사용하고 regex replace (즉, value 설정)를 수행하면 커서가 끝까지 이동합니다. 당신의 목표를 허용하는 경우에만 숫자 키 (플러스 백 스페이스, 삭제),이 시도 :

$("#txtlevel").bind('keydown', function(event) { 
    // Allow only backspace, delete, left and right arrows, return and tab 
    if (event.keyCode == 46 || 
     event.keyCode == 8 || 
     event.keyCode == 37 || 
     event.keyCode == 39 || 
     event.keyCode == 13 || 
     event.keyCode == 9) { 
     // let it happen 
    } 
    else { 
     // stop the keypress if not a number 
     if (event.keyCode < 48 || event.keyCode > 57) { 
      event.preventDefault(); 
     } 
    } 
}); 

가 바인드 paste 이벤트, 붙여 넣기에 숫자가 아닌 이벤트를 취소하려면 :

$("#txtlevel").bind('paste', function(e){ 
    var value = $(this).val(); 
    value = value.replace(/\D/g, ''); /* Remove any non-digit characters */ 
    if (value.length > 1) { 
     value = value.replace(/^[ 0]/g,''); /* Remove any leading spaces or zeros */ 
    } 
    $(this).val(value); 
}); 

Answer 2

당신 커서 위치를 저장하고 복원 할 수 있습니다. 커서가 늘 텍스트

$("#txtlevel").bind('keyup', function(evt) 
{ 
    var pos = evt.target.selectionStart; // Save cursor position 
    var value = $(this).val(); 
    value = value.replace(/\D/g, ''); /* Remove any non-digit characters */ 
    if (value.length > 1) 
    { 
     value = value.replace(/^[ 0]/g,''); /* Remove any leading spaces or zeros */ 
    } 
    $(this).val(value); 
    evt.target.selectionEnd = pos; // Restore cursor position 
}