jquery - キーダウン割り込みを受け取らない

Question

誰かがこのjsfiddleを見ていますか

キーダウン割り込みが発生しないのはなぜですか? オレンジ色のボックスでクリック割り込みが発生しますが、ベージュ色のボックスをクリックしてからキーを押しても割り込みは発生しません。

ありがとう

$(function () {
    $('#beigeBox').keydown(function(e) {                        
            console.log("In keydown handler");
            if(e.keyCode == 68) {  // 'D'
                console.log("Got 68");
            }
    });

    $('#orangeBox').click(function() {                      
            console.log("orangeBox clicked");
    });

});

Answer 1

あなたのbeigeBoxdiv は ではないcontenteditableため、keydownイベントを登録することはできません。#orangeBox div一方、登録するハンドラーが含まれてclickいます（divクリック可能であるため）。

が有効になっているため、beigeBoxを登録するデモを次に示します: http://jsfiddle.net/tymeJV/36Tfx/3/keydowncontenteditable

Answer 2

このJSfiddleを試してください

コード：

$(function () {

    $('#beigeBox').keypress(function(event) {

        alert("In keydown handler");       

        if (event.which == 68) {

            event.preventDefault();
            alert("Got 68");
        }                   
    });

    $('#orangeBox').click(function() {

        alert("orangeBox clicked");

    });