event.preventDefault() so với trả về false (không có jQuery)

Question

Tôi tự hỏi nếu event.preventDefault() và return false là như nhau.

Tôi đã làm some tests, và có vẻ như rằng

• Nếu xử lý sự kiện được thêm vào sử dụng mô hình cũ, ví dụ

  elem.onclick = function(){ 
      return false; 
  }; 
  

  Sau đó, return false ngăn chặn hành động mặc định, như event.preventDefault().

• Nếu xử lý sự kiện được thêm vào sử dụng addEventListener, ví dụ

  elem.addEventListener(
      'click', 
      function(e){ 
       return false; 
      }, 
      false 
  ); 
  

  Sau đó, return false không ngăn cản hành động mặc định.

Mọi trình duyệt có hoạt động như thế này không?

Có sự khác biệt nào khác giữa event.preventDefault() và return false không?

Tôi có thể tìm thấy một số tài liệu (Tôi không thể trong MDN) về return false hoạt động như event.preventDefault() trong một số trường hợp?

---

Câu hỏi của tôi là chỉ khoảng javascript đơn giản, không jQuery, vì vậy xin đừng đánh dấu nó như là một bản sao của event.preventDefault() vs. return false, thậm chí nếu cả hai câu hỏi có gần như cùng tên.

Answer 1

Các W3C Document Object Model Events Specification trong 1.3.1. giao diện đăng ký tổ chức sự kiện khẳng định rằng handleEvent trong EventListener không có giá trị trả về:

handleEvent Phương pháp này được gọi là bất cứ khi nào một sự kiện xảy ra của các loại mà giao diện EventListener đã được đăng ký. [...] No Return Value

dưới 1.2.4. Tổ chức sự kiện Hủy tài liệu cũng nêu rõ rằng

Việc hủy bỏ được thực hiện bằng cách gọi phương thức ngăn chặn của sự kiện . Nếu một hoặc nhiều cuộc gọi EventListeners ngăn chặnDefault trong bất kỳ giai đoạn nào của luồng sự kiện , hành động mặc định sẽ bị hủy.

nên ngăn cản bạn sử dụng bất kỳ hiệu ứng nào trả về true/false có thể có trong bất kỳ trình duyệt nào và sử dụng event.preventDefault().

Cập nhật

HTML5 đặc tả thực sự xác định làm thế nào để đối xử với một giá trị trả về khác nhau. Section 6.1.5.1 of the HTML Spec khẳng định rằng

Nếu giá trị trả về là một WebIDL boolean giá trị false, thì hủy bỏ sự kiện .

cho mọi thứ trừ sự kiện "di chuột qua".

Kết luận

tôi vẫn muốn giới thiệu để sử dụng event.preventDefault() trong hầu hết các dự án kể từ khi bạn sẽ tương thích với spec cũ và các trình duyệt như vậy cũ. Chỉ khi bạn chỉ cần hỗ trợ các trình duyệt cắt cạnh, trả về false để hủy là được.

Answer 2

return false chỉ dành cho IE, event.preventDefault() được hỗ trợ bởi chrome, ff ... trình duyệt hiện đại

Answer 3

Sự khác nhau giữa preventDefault, stopPropogation, trả về false

Mặc định Action - hành động phía máy chủ khi sự kiện kiểm soát tăng.

Giả sử chúng ta có điều khiển div và bên trong nó, chúng ta có một nút. Vì vậy, div là kiểm soát cha mẹ của nút. Chúng tôi có Nhấp chuột phía máy khách và sự kiện nhấp chuột bên máy chủ của nút. Ngoài ra chúng tôi có sự kiện nhấp chuột phía khách hàng của div.

Khi được nhấp sự kiện của nút về phía khách hàng, chúng tôi có thể kiểm soát các hành động của phụ huynh kiểm soát và mã phía máy chủ sử dụng sau ba cách:

• return false - Đây chỉ cho phép khách hàng sự kiện bên lề của sự kiểm soát. Sự kiện phía máy chủ và sự kiện phía máy khách của điều khiển chính không được kích hoạt.

• preventDefault() - Điều này cho phép sự kiện bên phía khách hàng kiểm soát và kiểm soát của phụ huynh. Server sự kiện bên tức là. Hành động mặc định của điều khiển không được kích hoạt.

• stopPropogation() - Điều này cho phép phía máy khách cũng như sự kiện phía máy chủ của điều khiển. Sự kiện phía khách hàng của điều khiển không được phép.