一个元素内的多个单击事件
Multiple click events inside one element
我有以下html代码:
<li>
<img .../>
<img .../>
<img .../>
</li>
我想为每个元素注册不同的函数(一个用于列表项,另外三个用于图像)。我注册了所有的点击事件,但当我点击图像时,li函数触发。
li.addEventListener("click",open,false);
img1.addEventListener("click",edit,false);
img2.addEventListener("click",delete,false);
img3.addEventListener("click",add,false);
我谷歌了一下当你把最后一个参数设置为true时会发生什么,但仍然没有运气。
谢谢你的帮助
当你定义你的函数时,停止事件的传播,像这样:
function open(e) {
e.stopPropagation();
}
function edit(e) {
e.stopPropagation()
}
对designcise的回答进行扩展…您需要使用e.p stoppropagation()来阻止事件冒泡
$('li img').on('click',function(e){
e.stopPropagation();
alert('img clicked');
});
这里有一个jsfieldhttp://jsfiddle.net/hbGRS/
相关文章:
- 将单击事件添加到数据表
- 将单击事件添加到附加的项目中
- 在IE8中不起作用的元素上触发单击事件
- 链接上的IE10 jquery句柄单击事件不起作用
- 如何使用纯 JavaScript 在所有浏览器中区分左/右/中键单击事件
- 如何在master中调用细节网格作为单击事件
- 兰吉 |如何在 span 标签上使用单击事件删除突出显示的文本
- 如何隐藏按钮单击事件上的占位符
- 复选框,然后单击事件处理
- 如何使用for循环添加所有按钮'单击事件
- 手柄'img'单击事件并插入'alt'使用jQuery将属性转换为文本框
- 覆盖单击事件不起作用
- 单击事件打开两个弹出菜单
- 单击事件不起作用
- 从其他元素上的单击事件访问image src属性
- 单击事件中的ajax请求后重定向
- 如何缩放地图框传单中的标记单击事件
- 在没有焦点的情况下捕获画布上的第一次单击事件
- 通过单击事件识别画布上的对象
- 如何将单击事件添加到JQuery中动态添加的元素中