事件委托

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)”

}

你可能感兴趣的:(事件委托)