叙述事件代理如何使用代码怎么写

pantuomenn

事件代理如何使用代码怎么写事件代理就是把一个元素响应事件（、）的函数委托到另一个元素。在JS中的事件委托又称事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序管理某一类型的所有事件。[url=http:///www.heikw.cn/]爱站云[/url]的具体问题可以到我们网站了解一下，也有业内领域专业的客服为您解答问题，为成功合作打下一个良好的开端！[align=center]

                               
登录/注册后可看大图

[/align]



学习目标：能够知道事件代理的使用方式



1什么是事件代理



事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上，通过判断事件来源，执行相应的子元素的操作，事件代理首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。



事件冒泡代码:







$((){



$1=$('#1');

$2=$('#2');



$1((){

($()());

});



$2((){

($()());

});

});





="1"=":200;:200;:;"

="2"=":100;:100;:;"

哈哈





说明:当点击子元素，它的点击事件会向它父元素传递，也会触发了父元素的点击事件，这就是事件冒泡。



2事件代理如何使用



一般绑定事件的写法:



$((){

$=$('#');

$((){

$()({:''});

});

})



=""

1

2



4

5



事件代理的写法：



$((){

$=$('#');

父元素来代理子元素的点击事件

$('','',(){

$()表示当前点击的子元素对象

$()({:''});

});

})



=""

1

2



4

5



方法参数说明S,,)



S:子元素的选择器



:事件称，比如:''



:当事件触发执行的函数



事件代理小结



事件代理就是使用父元素来代理子元素的事件，好处是减少事件的绑定次数，提高性能。场景当多个相同的子元素绑定同一个事件可以使用事件代理。事件代理使用是使用方法来完成