영숫자 또는 기호를 누르면 스크롤됩니다.

Question

컨테이너를 스크롤하는 JS 코드는 영숫자 또는 기호를 눌러 작성합니다. ,

코드에 어떤 문제가 있습니까 ... 등 입력

var $q = $('input#q'); 
$q.on('keydown', function (e) { 
    var reMatch = /[!-~]/.exec(e.which); 
    if (typeof reMatch != 'null' && reMatch.length > 0) { 
     $('#container').animate({scrollTop: 410}, 500); 
     $(this).off('keydown'); 
    } 
}).focus(); 

그러나 이것은 변화, 탭 등의 모든 키에 대한 실행 :

이 내가 생각 해낸 무엇인가?

Answer 1

e는 눌린 키의 숫자 표현을 제공합니다. 당신은에이 작업을 수행 할 수

var $q = $('input#q'); 
$q.on('keydown', function (e) { 
    var val = e.which; 
    var num = (val > 47 && val < 58 || val > 95 && val < 106); 
    var letter = (val > 64 && val < 91); 
    if (num || letter) { 
     $('#container').animate({scrollTop: 410}, 500); 
     $(this).off('keydown'); 
    } 
}).focus(); 

---

: 문자가이 시도 65-90

으로 표시하는 동안 숫자 키는 48-57 (또는 키패드의 96-105)로 표시된다

var $q = $('input#q'); 
$q.on('input', function (e) { 
    $('#container').animate({ 
     scrollTop: 410 
    }, 500); 
    $(this).off('input'); 
}).focus(); 

을하지만, 이것은 당신이 보면, 당신은 심 찾을 수 있지만 적은 9보다 IE 버전에 대해 작동하지 않습니다 : 텍스트 필드에 입력을 생성 아무것도 작동합니다. Here is an example

---

당신은이 작업을 수행 할 수 있지만 (사용자가 키를 해제 할 때까지) 사용자가 오랜 시간 동안 아래로 키를 누른 경우 즉시 이동하지 않을 것입니다.

var $q = $('input#q'); 
var qval = $q.val() 
$q.on('keyup', function (e) { 
    if(qval != $q.val()) { 
     $('#container').animate({scrollTop: 410}, 500); 
     $(this).off('keyup'); 
    } 
}).focus();