JavaScript свойство Event.bubbles

Определение и применение

JavaScript свойство bubbles объекта Event возвращает логическое значение, которое указывает на то, является ли данное событие всплывающим внутри DOM.

Поддержка браузерами

Спецификация: dom.spec.whatwg

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьapi.Event.bubbles
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
bubbles✓1✓12✓1.5✓≤12.1✓1✓18✓4✓≤12.1✓1✓1.0✓4.4✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

JavaScript синтаксис

JavaScript
event.bubbles;

Спецификация

DOM Standard.

Пример использования

Сравнение всплывающего и невсплывающего события

Измените исходные значения или аргументы метода и нажмите ▶. Сравните результат в консоли.

index.html
HTML
<p>Результат выполнения выводится в консоль.</p>
main.js
JavaScript
function checksBubbles(event) {
    // функция принимает объект события в качестве аргумента
    //  проверяем является ли данное событие всплывающим
    if (event.bubbles) {
        // событие является всплывающим (событию разрешено всплывать)
        console.log('it bubbles') // выводим информацию в консоль
    } else {
        // событие не всплывает по дереву DOM
        console.log('it`s not bubbles') // выводим информацию в консоль
    }
}

// Сравните две настройки одного типа события.
checksBubbles(new Event('check', { bubbles: true }))
checksBubbles(new Event('check', { bubbles: false }))

В этом примере мы с использованием свойства bubbles объекта Event проверяем является ли данное событие всплывающим внутри DOM, или нет. Логическое значение true свидетельствует о том, что событие всплывает, а false свидетельствует о том, что событие не является всплывающим.