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 鼠标离开

版权声明:本文为zlf19971012原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zlf19971012/p/14607829.html