如果按下任意字母數字字符或符號，則滾動

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.which給出了所按鍵的數字表示。數字鍵是由48-57（或96-105鍵盤上）表示，而字母用65-90

代表試試這個：

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(); 

---

你可以爲它這樣做是爲了與任何的文本字段創建一個輸入工作：

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

但是這不會對IE版本低於9.但如果你看看，你可以找到墊片工作。 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();