事件委托示例js，事件委托jq

事件委托(点击事件绑定+ul标签,然后怎么确定点击是下面哪个li标签...

在事件处理函数中，我们通过event.target来获取实际触发事件的元素。通过判断该元素的nodeName是否为LI，可以确定点击的是li标签。然后可以进一步操作该li元素，比如获取其内容、修改样式等。

事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

在test.html文件内，创建一个button按钮，给button绑定onclick点击事件，当按钮被点击时，执行addBorder()函数。

首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

就相当于把事件响应交给了上层元素，这就是事件委托，就这么简单。像上面这个例子，ul是被li撑开的，所以，点击ul势必会点击到li。这样，把li的响应操作给ul是可以考虑的，这就是事件委托。

相关问答

Q1: js事件委托是怎么做的

1、标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

2、jQuery 的事件委托方法是在父元素上绑定事件，而不是在每个子元素上绑定事件。这样可以提高性能，因为只需要绑定一次事件，就可以处理所有的子元素事件。jQuery 支持三种事件委托方法：on、live 和 delegate。

3、而事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件，委托给更大范围的dom去处理。好比送信员，如果每次都把信件送给每一户，非常繁琐。

4、通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

5、要是用事件委托 var ul=document，getElementById(ul1)var target = ；ul.target || ul.srcElement； //兼容处理 alert(target，innerHTML)；这样做的好处就是不在进行查询，减少了DOM操作，极大地改善了代码性能。

6、这是我现在在开发中最常用的一种方法，有个好处，举个栗子：这样动态添加元素的时候可以自动添加click事件，比如我们经常使用AJAX加载一些数据动态添加到页面上，这样就简单多了。

Q2: 如何在项目中使用JS事件委托

1、jQuery 的事件委托方法是在父元素上绑定事件，而不是在每个子元素上绑定事件。这样可以提高性能，因为只需要绑定一次事件，就可以处理所有的子元素事件。jQuery 支持三种事件委托方法：on、live 和 delegate。

2、事件委托是一种在JavaScript中处理事件的技术。它利用了事件的冒泡机制，将事件处理程序绑定到它们的共同祖先元素上，而不是直接绑定到每个子元素上。

3、（1）在第一种方法中，onclick大小写无关，但在第二种方法中，必须使用小写。因为HMTL对大小写不敏感，而JS则会区分大小写。

4、AngularJS基本使用介绍 创建web项目(使用Hbuilder)，并导入js文件。

5、使用委托，您可以将多个方法绑定到同一个委托变量。 在调用这个变量时（这里用“call”这个词是因为这个变量代表一个方法），可以依次调用所有绑定的方法。事件本身是一个委托。 c编译后，就是私有委托。

Q3: JS-阻止冒泡事件与事件委托

1、其实事件委托就是，不在目标阶段对目标事件进行相应，改为放到捕获和冒泡阶段。

2、有种可能是，某个DOM节点绑定了某事件监听器，本来是想当该DOM节点触发事件，才会执行回调函数。结果是该节点的某后代节点触发某事件，由于事件冒泡，该DOM节点事件也会触发，执行了回调函数，这样就违背了最初的本意了。

3、在事件冒泡阶段，事件源依次从target传播到defaultview。从具体到广泛，范围越来越大，像冒泡过程一样，气泡越来越大（范围越来越大）而事件委托就是利用的DOM事件的事件捕获阶段。

4、事件冒泡和事件捕获分别由网景公式和微软公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。

Q4: jquery事件委托如何使用

1、代元素中符合选择器selector参数的元素绑定事件处理函数。delegate()函数并不是直接为这些后代元素挨个绑定事件，而是委托给当前 jQuery对象的匹配元素来处理。

2、事件委托是什么？通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

3、jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。

Q5: 如何理解事件委托?事件委托的优缺点有哪些?

事件委托也叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，事件委托又叫事件代理。举一个通俗的例子：有三个同事预计会在周一收到快递。

委托解耦简单说就是把产生事件的代码和处理事件的代码通过委托者给隔离开来。当然，你这个例子太简单了。

事件在本类型外部只能用“+=”和“-=”去订阅/取消订阅代理，委托不管在本类型外部还是内部都可以用“+=”、“-=”和“=”订阅/取消订阅代理。

事件委托示例js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于事件委托jq、事件委托示例js的信息别忘了在本站进行查找喔。