Event.bubbles

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.

Event 인터페이스의 bubbles 읽기 전용 속성은 이벤트가 DOM 트리를 타고 위쪽으로 버블링되는지 나타냅니다.

참고: 이벤트 버블링과 캡처에서 버블링에 대한 자세한 정보를 알아보세요.

이벤트가 DOM 트리를 타고 버블링하면 true인 불리언 값입니다.

예제

js
function handleInput(e) {
  // 이벤트의 버블링 여부를 확인해서...
  if (!e.bubbles) {
    // ... 버블링 하지 않으면 이벤트를 넘겨주기
    passItOn(e);
  }

  // 이미 버블링
  doOutput(e);
}

명세

Specification
DOM Standard
# ref-for-dom-event-bubbles③

브라우저 호환성

BCD tables only load in the browser

같이 보기

  • stopPropagation()으로 캡처링/버블링 단계에서 이벤트의 추가 전파를 막을 수 있습니다.
  • stopImmediatePropagation()으로 같은 DOM 레벨의 다른 이벤트 수신기들이 현재 이벤트에 발동하지 않도록 막을 수 있습니다.
  • preventDefault()는 이벤트의 전파를 막지는 않지만, 이벤트에 대한 브라우저의 기본 동작을 비활성화합니다.