JS中dom操作的事件
Click–点击事件
优先级:dom.onclick 高于标签上的onClick属性
监听事件 –不会覆盖前面的事件效果
dom.addEventListener() 括号里面有三个参数
1.事件类型 2.回调函数,执行事件后触发的操作 3.决定事件是冒泡还是捕获 默认值是false(冒泡) true(捕获)
事件冒泡:事件从内部像外传播,外层元素如果有相同的事件,也会触发
通过innerHTML改变元素内容时,会清除内部原有的绑定事件。
循环绑定事件时,动态添加的元素没有事件
事件委托
将子元素的事件委托给父元素执行,父元素执行事件时,通过事件对象Event,来判断是哪个子元素触发的事件(事件源)
<body>
<ul id=”list”></ul>
</body>
<script>
var list=document.getElementById(‘list’);
list.addEventListener(“click”,function(e){
//e.target e.srcElement src=source
//触发事件的子元素,就是e.srcElement
if (e.srcElement.tagName==”BUTTON”) {
e.srcElement.parentNode.remove();
}
})
</script>
mouseover 鼠标经过
mouseout 鼠标移出
mouseenter 鼠标进入
mouseleave 鼠标离开