在不考虑任何情况时,直接使用 $('li').addEventListener(event, fun)
就可以对 li
进行事件绑定。
当子元素过多时,可以利用“事件冒泡”在 ul
上进行绑定,实现事件委托。可以利用 event.target
对被触发的子元素进行操作。
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事件将无法触发。 我知道这