OnClick在表行上-除了锚
OnClick on table row - Except on Anchor
本文关键字:OnClick 更新时间:2023-09-26
我有一个表,其中有以下事件:
$("#tp-active-list-table td").click(function () {
var transactionNbr = parseInt($(this).parent("tr").children('td.td-transaction-nbr').html());
DoSomething(transactionNbr);
});
它工作得很好,基本上它调用DoSomething
和从各自的td
收集的Number
。
但是我确实有一个问题,因为在一个td
s中我有一个锚,如果在该锚上执行单击,那么DoSomething
将运行,并且页面将正确导航到另一个URL。
无论如何检查点击是否在anchor
上以避免运行DoSomething
功能?
使用event.stopPropagation()
来防止事件冒泡
$('td a').click(function (e) {
e.stopPropagation()
});
其他选项为:e.target.tagName
$("#tp-active-list-table td").click(function (e) {
if(e.target.tagName.toLowerCase() === 'a'){
var transactionNbr = parseInt($(this).parent("tr").children('td.td-transaction-nbr').html());
DoSomething(transactionNbr);
}
});
传递给处理程序函数作为第一个参数的对象具有target
属性,如果target.tagName == 'a'
则单击锚
我认为Shaunak的回答非常有效。为了指出另一种方法,在单击事件上,您可以检查是否存在悬停的a
标记。http://jsfiddle.net/Zx7S5/
$("#tp-active-list-table td").click(function(event) {
if($(this).find("a:hover").length <= 0) {
/* ..... */
}
});
相关文章:
- 如何在执行此特定onclick事件时执行JavaScript函数
- Setting default onclick behavior for <img> tag in gene
- Javascript全局onclick监听器
- 如何调用“;链接_;在onclick事件上使用Javascript
- onclick函数需要双击,因为类分配延迟
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 使用onclick绘制SVG路径
- 如何将数据从onclick按钮传递到变量
- 选择onclick事件jquery
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 如何刷新列表框内容onclick或blur事件
- OnClick/Onhover Javascript/jquery
- 执行php函数的onclick事件的其他替代方案
- Javascript onclick函数会立即调用(而不是在单击时调用)
- 动态创建OnClick事件Javascript
- onclick风格的整个李不想要
- jquery Onclick函数带有导致双击的回调排序函数
- 使用element简化onclick函数
- 将函数从onclick修改为onload
- 在React中,为什么我必须绑定onClick函数而不是调用它