[DOM 이벤트] Event Object

1. bubbles

개념 : 해당 이벤트가 문서 트리를 따라 올라가 bubbling 효과가 나타나는지에 대한 Boolean 값으로 반환

( stopPropagtion() 과 연관 )

<a href="#none" onclick="func(event)">버튼</a>
<input type="text" onblur="func(event)"/>
  <script>
    function func(event){
        console.log(event.bubbles)
    }
</script>

위의 소스대로 실행할 경우, a 버튼을 누를 경우는 true 값을, input 에서 포커스가 나갈때의 경우에는 false가 나온다.

2. cancelable

개념: 해당 Dom에 바인딩 되어있는 기본 이벤트가 preventDefault()로 취소가능한지 여부를 Boolean값으로 반환

<a href="#none" onclick="func(event)">버튼</a>
<input type="text" onblur="func(event)" onfocus="func(event)"/>
  <script>
    function func(event){
        console.log(event.cancelable);
    }
</script>

위의 소스대로 실행시 버튼을 누르면 true를 반환하지만, input의 경우에는 포커싱이 될때와 나갈 때 둘다 false값을 반환한다.