簡體   English   中英

按住鍵時會反復觸發jQuery keypress事件-但並非在所有鍵上都會觸發

[英]jQuery keypress event fires repeatedly when key is held - but not on all keys

這可能是預期的行為,或者至少不是jQuery / js問題,但是我想澄清一下是否有任何問題。

采取以下措施:

$(document).bind('keypress', function(e){
    switch(e.keyCode)
    {
        case 37:
            console.log('left cursor keydown, will fire on hold');
            break;
        case 39:
            console.log('right cursor keydown, will fire on hold');
            break;
        case 80:
            console.log('p will only fire once per press!');
            break;
    }
});

您也可以在jQuery的文檔中使用該示例: http : //api.jquery.com/keypress/

當按下向左或向右光標(或許多其他鍵,例如A,E,[,等)時,將觸發該事件,並且您會在控制台中看到一條漂亮的日志消息。 一切正常。 但是,現在嘗試按住鍵-短暫暫停后,您會看到按住鍵時會觸發多次keydown事件,但是,如果您嘗試按p (或例如j ),則只會觸發一旦。

我正在使用FF 9.0.1,mac OSX 10.7.1和jQuery 1.7.1對此進行測試。

這是設計使然,是瀏覽器相關的功能,還是與操作系統甚至鍵盤本身有關? 還有沒有人得到將要重復的按鍵列表和不會重復的按鍵列表?

就用例而言,並沒有真正的用例-當我將動畫綁定到光標按下並在按下鍵時開始看到奇怪的行為時,這種情況就出現了。 我的解決方法是改用keyup()事件,並在keydown()事件上對我所迷惑的鍵使用preventDefault() ,以停止光標滾動屏幕。

更新:似乎在keypress事件上,大多數字母的keyCode始終為0 ,這可能與為什么我認為處理程序只觸發一次有關。 經過更多測試后,我看到了重復的日志條目,例如游標。 但是,如果您檢查jQuery API頁面並使用該示例,它將顯示我所描述的行為: http : //api.jquery.com/keypress/

仍然無法解釋自己:/

行為因瀏覽器和操作系統而異。 下一頁在第2.2節中詳細介紹了自動重復鍵事件的主題:

http://unixpapa.com/js/key.html

這個問題已經存在了很長時間,但是我想我剛剛發現了解決方法。 這似乎很好

$("#search_query").keyup(function(event) {

    //this will void fake keypresses
    if(event.charCode == 0 && event.keyCode == 0) {
        return false;
    }

    //place the rest of you code here
});

另外-為了使所有查看此帖子的人受益:嘗試“ keydown”方法

按鍵會被觸發多次...按鍵不會

http://jquerymobile.com/demos/1.0a2/experiments/api-viewer/docs/keypress/index.html

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM