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

动态加载的li如何绑定事件?

赖明煦
2023-03-14
本文向大家介绍动态加载的li如何绑定事件?相关面试题,主要包含被问及动态加载的li如何绑定事件?时的应答技巧和注意事项,需要的朋友参考一下

如果是原生js 或者 用的jq的话可以用事件代理的方式处理。把父级元素下面所有的li绑定事件

`
var item1 = document.getElementById("id1");
var item2 = document.getElementById("id2");
var item3 = document.getElementById("id3");

document.addEventListener("click", function (event) {
  var target = event.target;
  switch (target.id) {
    case "id1":
      document.title = "事件委托";
      break;
    case "id2":
      location.href = "github.com";
      break;
    case "id3": alert("hi");
      break;
  }
})

ul.addEventListener('click', function (e) {
var target = e.target
if (target.tagName.toLowerCase() === "li") {
console.log('事件处理')
}
})
`

 类似资料:
  • 问题内容: 我有一个链接,该链接应将AJAX加载的内容插入HTML页面的(appendContainer)。问题是我绑定到jQuery 的事件没有在插入到appendedContainer中的新加载的内容上执行。该事件绑定到未随我的AJAX函数加载的DOM元素上。 我必须更改什么才能绑定事件? 我的HTML: 我的JavaScript: 要加载的内容: 问题答案: 将事件委托用于动态创建的元素:

  • 本文向大家介绍写例子说明如何给li绑定事件(ul下有1000+个li)?相关面试题,主要包含被问及写例子说明如何给li绑定事件(ul下有1000+个li)?时的应答技巧和注意事项,需要的朋友参考一下 在不考虑任何情况时,直接使用 就可以对 进行事件绑定。 当子元素过多时,可以利用“事件冒泡”在 上进行绑定,实现事件委托。可以利用 对被触发的子元素进行操作。 参考文章:实例分析JavaScript中

  • 问题内容: 我想将onclick事件绑定到我使用jQuery动态插入的元素 但是它从不运行绑定函数。如果您能指出此示例为何不起作用以及如何使其正常运行,我将不胜感激: 编辑:我编辑了该示例以包含方法插入到其中的两个元素。在这种情况下,将永远不会执行该调用。 问题答案: 第一个问题是,当您在具有多个元素的jQuery集合上调用append时,会为每个元素创建要添加的元素的克隆,因此丢失了附加的事件观

  • 本文向大家介绍jquery html动态添加的元素绑定事件详解,包括了jquery html动态添加的元素绑定事件详解的使用技巧和注意事项,需要的朋友参考一下 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: 假设我们要给ul动态添加的<li>绑定click事件形成如下结果 以上这篇jquery html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了,希望能给大家一个参考

  • 本文向大家介绍Angularjs 动态添加指令并绑定事件的方法,包括了Angularjs 动态添加指令并绑定事件的方法的使用技巧和注意事项,需要的朋友参考一下 这两天学习了angularjs 感觉指令这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。 先说使用场景,动态生成DOM元素并绑定事件,非常常见的一种场景,用jq实现效果: 如果用angularjs应该怎么实现呢?想当然的情况是这

  • 本文向大家介绍jQuery给动态添加的元素绑定事件的方法,包括了jQuery给动态添加的元素绑定事件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用l