当前位置: 首页 > 面试题库 >

写例子说明如何给li绑定事件(ul下有1000+个li)?

锺离慈
2023-03-14
本文向大家介绍写例子说明如何给li绑定事件(ul下有1000+个li)?相关面试题,主要包含被问及写例子说明如何给li绑定事件(ul下有1000+个li)?时的应答技巧和注意事项,需要的朋友参考一下

在不考虑任何情况时,直接使用 $('li').addEventListener(event, fun) 就可以对 li 进行事件绑定。

当子元素过多时,可以利用“事件冒泡”在 ul 上进行绑定,实现事件委托。可以利用 event.target 对被触发的子元素进行操作。

html-basic">
document.getElementsByTag('ul')[0].addEventListener('event', (e) => {
	// 利用 e.target 对冒泡上来的元素做区分
	// e.target.nodeName, e.target.id 等
})

参考文章:实例分析JavaScript中的事件委托和事件绑定

 类似资料:
  • 本文向大家介绍动态加载的li如何绑定事件?相关面试题,主要包含被问及动态加载的li如何绑定事件?时的应答技巧和注意事项,需要的朋友参考一下 如果是原生js 或者 用的jq的话可以用事件代理的方式处理。把父级元素下面所有的li绑定事件 ` var item1 = document.getElementById("id1"); var item2 = document.getElementById("

  • react中绑定事件为啥不绑定在ul上使用事件代理而直接绑定在li上?

  • 本文向大家介绍写例子说明js中自定义事件的使用与触发相关面试题,主要包含被问及写例子说明js中自定义事件的使用与触发时的应答技巧和注意事项,需要的朋友参考一下 CustomEvent-MDN

  • 本文向大家介绍举例说明如何在React创建一个事件相关面试题,主要包含被问及举例说明如何在React创建一个事件时的应答技巧和注意事项,需要的朋友参考一下 楼上的兄弟,帮你格式化一下代码,看的难受

  • 本文向大家介绍写个例子说明HTML5在移动端如何打开APP?相关面试题,主要包含被问及写个例子说明HTML5在移动端如何打开APP?时的应答技巧和注意事项,需要的朋友参考一下 比如说: 是利用 , 是利用

  • 我创建了一个移动下拉菜单,可以根据状态切换打开和关闭。一旦它被打开,我希望用户能够通过点击ul之外的任何地方来关闭下拉列表。 我正在将ul上的tabIndex属性设置为0,这将给出ul“焦点”。我还向ul添加了一个onBlur事件,触发隐藏ul的状态更改(dropdown Expanded=false)。 但是,当我实现此修复程序时,我在每个li元素上拥有的onclick事件将无法触发。 我知道这