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

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

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

Обращаю Ваше внимание на то, что всплывать могут только определенные события. События, которые могут всплывать имеют значение свойства bubbles равным true. Это свойство используется для проверки разрешено ли событию всплывать, или нет.

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

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
bubbles	Да	Да	Да	Да	Да	Да

JavaScript синтаксис:

event.bubbles

Версия JavaScript

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

function checksBubbles( event ) { // функция принимает объект события в качестве аргумента
    //  проверяем является ли данное событие всплывающим
    if (event.bubbles) { // событие является всплывающим (событию разрешено всплывать)
        console.log("it bubbles"); // выводим информацию в консоль
    } else { // событие не всплывает по дереву DOM
        console.log("it`s not bubbles"); // выводим информацию в консоль
    }
}

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