原生js事件委托与简单的jquery事件委托方法
来源:互联网 发布:明解c语言入门pdf下载 编辑:程序博客网 时间:2024/06/03 16:32
事件委托: 将事件绑定到父元素身上,由子元素触发事件
适用于元素后续添加或删除情况:
jquery语法:$(selector).on(event, childSelector, function (){});
原生js:
//找到父元素,添加事件监听器...
document.getElementById(parentSelector).addEventListener(event,function(e) {
//e.target是被点击的元素!
//判断点击的元素,如果是li元素
if(e.target && e.target.nodeName == "LI") {
//找到目标,书写事件执行函数!
console.log("点击的是li元素");
}
});
两种方法都已经过测试
阅读全文
0 0
- 原生js事件委托与简单的jquery事件委托方法
- js原生事件委托
- JS与Jquery的事件委托
- JS与Jquery的事件委托
- jQuery的事件绑定与事件委托
- 原生js事件批量绑定-事件委托
- 简单事件与委托
- jquery的事件委托
- Js的事件委托
- js的事件委托
- 简单的委托+事件
- JavaScript原生事件委托以及JQuery事件委托on()的代码片段
- 使用 jquery 事件委托的 on 方法
- 对于原生js中的事件委托解析
- C#简单的委托与事件
- 简单谈谈事件与委托
- 简单谈谈事件与委托
- jQuery事件绑定与事件委托
- ros移动机器人之SLAM (2)slam概述和一些杂七杂八的东西
- Dubbo与spring-boot使用
- hdu2255 奔小康赚大钱【最大权完美匹配】
- iOS hidesBottomBarWhenPushed的正确用法
- java编程语言关键字
- 原生js事件委托与简单的jquery事件委托方法
- 字符集互转的方法
- 在wap中启动 app(利用URL Scheme打开APP并传递数据 )
- 游戏中的角色渲染技术之皮肤篇
- HTTP网络中的 Multiplexing
- Java中super的用法 ____简单粗暴
- HUD2020
- Java中Synchronized的用法
- 转行的艰难之 找实习