Не получая KeyDown прерывания

Question

ли видеть кого-то в этом jsfiddle

Почему я не получаю прерывать KeyDown? Я получаю прерывание щелчка в оранжевом поле, но без прерывания, если я нажму в поле бежевого цвета, а затем нажмите клавишу.

Благодаря

$(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

Ваш beigeBox DIV не contenteditable, поэтому никаких keydown событий не может быть зарегистрирован на нем. Ваш #orangeBoxdiv, с другой стороны, содержит обработчик click, который регистрируется (с div можно щелкнуть).

Вот демо, где ваш beigeBox зарегистрирует keydown, так как contenteditable включена: http://jsfiddle.net/tymeJV/36Tfx/3/

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

    });