Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

preventDefault () Метод события

<Объект Event

пример

Предотвратить ссылку от открытия URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

preventDefault() метод отменяет событие , если оно отменяемое, а это означает , что действие по умолчанию , которое принадлежит к событию не произойдет.

Например, это может быть полезно в следующих случаях:

  • При нажатии на "Submit" кнопку, предотвратить его отправки формы
  • При нажатии на ссылку, предотвратить ссылку от следования URL

Примечание: Не все события отменяемые. Используйте отменяемое свойство , чтобы выяснить , если событие отменяемое.

Примечание: preventDefault() метод не предотвратить дальнейшее распространение события через DOM. Используйте stopPropagation() метод , чтобы справиться с этим.


Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает метод.

метод
preventDefault() да 9,0 да да да

Синтаксис

event .preventDefault()

параметры

Никто

Технические подробности

Возвращаемое значение: Нет возвращаемого значения
DOM Версия: Уровень DOM 2 События

Примеры

Еще примеры

пример

Предотвратить действие по умолчанию флажка:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
Попробуй сам "

<Объект Event