JS中dom操作的事件

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

JS中dom操作的事件

你还爱她吗   2021-04-01 我要评论

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们