preventDefault() event method

Definition and Usage

If the event is cancelable, the preventDefault() method will cancel the event, which means that the default operation of the event will not occur.

For example, it is useful in the following situations:

  • click the "submit" button to prevent it from submitting the form
  • click the link to prevent the link from following the URL

Note:Not all activities can be canceled. Please use cancelable attribute to determine whether the event is cancelable.

Note:The preventDefault() method does not prevent the event from propagating further through the DOM. Please use stopPropagation() method to solve this.

instance

Example 1

prevent the URL from opening the link:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault()
);

try it personally

Example 2

prevent the default operation of the checkbox:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault()
);

try it personally

grammar

event.preventDefault()

Παράμετροι

Χωρίς.

Τεχνικά λεπτομέρειες

Επιστροφή τιμή: Χωρίς επιστροφή τιμή.
DOM έκδοση: DOM Level 2 Εκδηλώσεις

Υποστήριξη περιηγητή

Τα αριθμήματα στη διάταξη της τράπεζας σηματοδοτούν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως τη μέθοδο αυτή.

Μέθοδος Chrome IE Firefox Safari Opera
preventDefault() Υποστήριξη 9.0 Υποστήριξη Υποστήριξη Υποστήριξη