Tại sao việc trả về false trong cuộc gọi lại gọi lại keydown không dừng sự kiện bấm nút?

Question

Tôi có một nút và thói quen javascript sau đây.

$("button").keydown(function(key) { 
    switch(key.keyCode) { 
    case 32: //space 
    return false; 
    } 
}); 

như tôi đã hiểu, return false; sẽ dừng việc xử lý phím. Vì vậy, $("button").click(); sẽ không được gọi. Đối với các mã phím khác, điều này hoạt động như mong đợi. Ví dụ: nếu tôi chặn 40, là nút dưới, trang không cuộn.

Tôi nhận thấy hành vi này trong firefox.

Tại sao return false; không dừng sự kiện nhấp nút trên không gian? Thông số javascript nói gì về điều này?

Answer 1

Hy vọng điều này trả lời câu hỏi của bạn:

<input type="button" value="Press" onkeydown="doOtherStuff(); return false;"> 

return false; hủy thành công một sự kiện trên các trình duyệt nếu được gọi ở cuối thuộc tính trình xử lý sự kiện trong HTML. Hành vi này không được chỉ định chính thức ở bất cứ nơi nào theo như tôi biết.

Nếu bạn thay vì đặt một sự kiện thông qua một tài sản xử lý sự kiện trên phần tử DOM (ví dụ button.onkeydown = function(evt) {...}) hoặc sử dụng addEventListener/attachEvent (ví dụ button.addEventListener("keydown", function(evt) {...}, false)) sau đó chỉ cần trở về false từ chức năng không hoạt động ở mọi trình duyệt và bạn cần phải làm các công cụ returnValue và preventDefault() từ câu trả lời khác của tôi. preventDefault được chỉ định trong DOM 2 spec và được thực hiện bởi hầu hết các trình duyệt hiện đại chủ đạo. returnValue là đặc trưng của IE.

Answer 2

Trước tiên, nếu bạn đang phát hiện một ký tự có thể in, chẳng hạn như dấu cách, bạn sẽ thích hợp hơn với sự kiện keypress. Thứ hai, cách ngăn chặn hành động mặc định là gọi preventDefault() trên sự kiện trong trình duyệt không phải của IE và đặt thuộc tính returnValue của sự kiện thành false trong IE.

var button = document.getElementById("button"); 
button.onkeypress = function(evt) { 
    evt = evt || window.event; 
    var charCode = evt.keyCode || evt.which; 
    if (charCode == 32) { 
     if (evt.preventDefault) { 
      evt.preventDefault(); 
     } else { 
      evt.returnValue = false; 
     } 
    } 
}; 

Tôi không phải là một chuyên gia về jQuery và tôi cho rằng nó sẽ chăm sóc của việc thu thập các sự kiện dành cho bạn:

$("button").keypress(function(evt) { 
    var charCode = evt.keyCode || evt.which; 
    if (charCode == 32) { 
     if (evt.preventDefault) { 
      evt.preventDefault(); 
     } else { 
      evt.returnValue = false; 
     } 
    } 
});