美文网首页
事件委托

事件委托

作者: 大笑一声 | 来源:发表于2017-08-23 21:16 被阅读0次

    1.什么是事件委派?如何实现事件委派?

    答:事件委派是利用冒泡原理,给父元素绑定事件,让其子元素执行。

    实例:u1.onclick = function(event){

    event = event || window.event;

    //如果触发事件的对象是我们期望的元素,则执行否则不执行

    if(event.target.className == "link"){

    alert("我是ul的单击响应函数");

    }

    };

    };

    2.事件委派与事件绑定的区别?

    答:事件绑定:需要一个元素一个元素的来绑定事件,而然动态添加的元素想要绑定事件就会很麻烦。

    然而事件委托就很好的解决了这个难题,它只需要给父元素绑定事件让子元素执行,节省了我们的开发速度,动态添加上去的元素也会继承次此事件。

    3.事件委派的作用能给我们页面带来什么好处?

    答:1.不需要为每一个元素都添加监听事件,还能为动态添加的元素添加事件。

    2.占用内存小,

    3.减少了DOM操作,极大地改善了代码性能。

    4.事件传播{

    1.什么是事件传播。

    答:1.事件冒泡。 原理:从中心元素向祖先元素一级一级触发事件

    2.事件捕获。 原理:从祖先元素向子元素一级一级触发事件

    2.事件传播的几个阶段。

    1.捕获阶段:事件从根节点开始,逐级派送到子节点,若节点绑定了事件动作,则执行动作,然后继续走,这个阶段称为“捕获阶段(Capture)”;

    2.目标阶段:找到目标元素事件后,开始触发目标元素事件。

    3.冒泡阶段:执行完目标阶段后,事件由子节点往根节点派送,若节点绑定了事件动作,则执行动作,然后继续走,这个阶段称为“冒泡阶段(Bubble)”

    }

    相关文章

      网友评论

          本文标题:事件委托

          本文链接:https://www.haomeiwen.com/subject/iovjdxtx.html