如题
点击box2结果如下:
分析:
因为box2在box1里面,所以点击box2时,也同时点击了box1,这就是事件冒泡
事件冒泡
从最具体的元素到不具体的元素(由内到外)
当子元素(事件源)事件触发,事件会沿着包含关系,依次往上级传递,每一级都可以感知到事件,直到触发根元素(根源)
event.target可以准确地获取事件源(指的是真正触发事件的那个元素),并且在使用的过程中可以比较判断
event.target属性:
event.target.nodeName //获取事件触发元素标签name
event.target.id //获取事件触发元素id
event.target.className //获取事件触发元素classname
event.target.innerHTML //获取事件触发元素的内容
热门跟贴