js事件委托机制你名表多少？浅谈js事件委托和深浅拷贝

发布时间：2022-04-14 13:19:35 所属栏目：语言来源：互联网

导读：这篇文章给大家分享的是有关js事件委托机制以及深浅拷贝，很多新手对于这两个内容不是很清楚，因此分享给大家做个参考，下面就跟随小编一起来学习看看吧。事件委托首先呢，介绍一下事件绑定 //方法一：通过onclick button onclick=clickEvent()点击/button

这篇文章给大家分享的是有关js事件委托机制以及深浅拷贝，很多新手对于这两个内容不是很清楚，因此分享给大家做个参考，下面就跟随小编一起来学习看看吧。

事件委托
       首先呢，介绍一下事件绑定

//方法一：通过onclick
<button onclick="clickEvent()">点击</button>

<script>
function clickEvent(){
   alert("点击事件");
}
</script>

//方法二：通过addEventListener
<button id="btn_button">点击</button>

<script>
var btn = document.getElementById("btn_button");
btn.addEventListener("click", function () {
  alert("点击");
}, false);
</script>
       说下其中的区别
       onclick只能绑定一个事件，而addEventListener可以同时绑定多个事件

[function method1() {
  console.log("method1");
}
function method2() {
  console.log("method2");
}
function method3() {
  console.log("method3");
}
var btn = document.getElementById("btn_button");
btn.addEventListener("click", method1, false);//第三个参数是默认值，默认是冒泡，如果设置为true则是捕获
btn.addEventListener("click", method2, false);
btn.addEventListener("click", method3, false);
//最终会按顺序执行：method1 -> method2 -> method3
btn.removeEventListener("click", method1, false);//用于移除事件

<script>
  var container = document.getElementById("container");
  var title1 = document.getElementById("title1");
  var title2 = document.getElementById("title2");
  var title3 = document.getElementById("title3");
  var title3inner = document.getElementById("title3inner");

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Tomcat下载和安置	装饰器模式装饰设计模
无用单元采集垃圾回收	Java访问对象的属性和