event.preventDefault() vs return false (no jQuery)

Question

Zastanawiam się, czy event.preventDefault() i return false były takie same.

Zrobiłem some tests i wydaje się, że

• Jeśli procedura obsługi zdarzenia jest dodawany za pomocą starego modelu, na przykład

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

  Następnie return false zapobiega domyślną akcję, jak event.preventDefault().

• Jeśli procedura obsługi zdarzenia jest dodawany za pomocą addEventListener np

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

  Następnie return false nie zapobiega domyślną akcję.

Czy wszystkie przeglądarki zachowują się w ten sposób?

Czy są więcej różnice między event.preventDefault() i return false?

Gdzie mogę znaleźć dokumentację (nie mogłem w MDN) o return false zachowuje się jak event.preventDefault() w niektórych przypadkach?

---

Moje pytanie jest tylko o zwykły JavaScript, nie jQuery, więc proszę nie oznaczyć go jako duplikat event.preventDefault() vs. return false, nawet jeśli oba pytania mają prawie taki sam tytuł.

Answer 1

W3C Document Object Model Events Specification w 1.3.1. Interfejsy rejestracji zdarzenia stwierdza, że ​​handleEvent w EventListener ma wartość zwracaną:

handleEvent Ta metoda jest wywoływana, gdy wystąpi zdarzenie typu dla których interfejs EventListener został zarejestrowany. [...] No Return Wartość

pod 1.2.4. Zdarzenie Anulowanie dokument stwierdza również, że

Anulowanie odbywa się poprzez wywołanie metody preventDefault imprezy. Jeśli co najmniej jeden EventListener wywoła preventDefault podczas dowolnej fazy przepływu zdarzeń, domyślna akcja zostanie anulowana.

które powinny zniechęcać do korzystania z żadnego wpływu, że powrót prawda/fałsz może mieć w każdej przeglądarce i używać event.preventDefault().

Aktualizacja

specyfikacji HTML5 faktycznie określa jak traktować zwracana wartość inna. Section 6.1.5.1 of the HTML Spec stwierdza, że ​​

Jeśli wartość zwracana jest wartość false WebIDL logiczna, a następnie anulować zdarzenie .

wszystko oprócz zdarzenia "mouseover".

Wnioski

I tak polecam użyć event.preventDefault() w większości projektów, ponieważ będzie kompatybilny ze starym ciemno, a więc starszych przeglądarek. Tylko jeśli potrzebujesz tylko obsługi najnowszych przeglądarek, zwracanie wartości false w celu anulowania jest w porządku.

Answer 2

return false jest tylko dla IE, event.preventDefault() jest obsługiwany przez chrom, FF ... nowoczesnych przeglądarek

Answer 3

Różnica między preventDefault, stopPropogation, return false

Domyślny Akcja - akcja stronie serwera, gdy kontrola podbicia wydarzenie.

Załóżmy, że mamy kontrolę div, a wewnątrz mamy przycisk. Więc div jest nadrzędną kontrolą przycisku. Mamy kliknięcie po stronie klienta i zdarzenie po kliknięciu przycisku po stronie serwera. Również mamy zdarzenie click po stronie klienta po stronie div.

dniu zdarzenia Click przycisku na stronie klienta, możemy kontrolować działania sterowania nadrzędnego i kodu po stronie serwera za pomocą trzech następujących sposobów:

• return false - To pozwoli tylko klienta zdarzenie z boku kontrolą. Zdarzenie po stronie serwera i zdarzenie po stronie klienta kontrolki nadrzędnej nie jest uruchamiane.

• preventDefault() - Umożliwia to zdarzenie po stronie klienta i kontrolę nad nim. Zdarzenie po stronie serwera, tj. Domyślna akcja sterowania nie jest uruchamiana.

• stopPropogation() - To pozwala stronie klienta, jak również zdarzenia po stronie serwera kontroli. Zdarzenie po stronie klienta kontroli jest zabronione.