overriding tr onclick
overriding tr onclick
我在django模板中得到了以下代码:
{% for item in items %}
<tr onclick="{% url collection:viewitem item_id=item.id %}">
<td>{{ item.name }}</td>
<td>{{ item.date }}</td>
<td>
<button onclick="{% url collection:edititem item_id=item.id %}" type="button">Edit</button>
<button onclick="{% url collection:removeitem item_id=item.id %}" type="button">Remove</button>
</td>
</tr>
{% endfor %}
但是,按钮onclick
事件不起作用,因为tr onclick
似乎覆盖了它。我如何防止这种情况发生?
请尝试以下操作:
<html>
<body>
<table >
<tr onclick="alert('tr');">
<td><input type="button" onclick="event.cancelBubble=true;alert('input');"/></td>
</tr>
<table>
</body>
</html>
事件.cancelBubble=true将抑制tr点击事件
使用event.stopPropagation()
就可以了!
另一种方法:为按钮创建一个单独的行,这样它就不会继承主行的tr onclick事件。类似这样的东西:
<tr onclick="doSomething()">
<td rowspan="2">A</td>
<td rowspan="2">B</td>
<td rowspan="2">C</td>
</tr>
<tr>
<td><button type="button">Click</button></td>
</tr>
相关文章:
- 如何在执行此特定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事件
- 使用'从HTML表中提取行的内容<tr onclick=alertContents()>'
- 使用 onClick() 写入 tr td
- 如何在<span>在<tr>具有不同行为的标签(onclick)
- 如果我点击了一个复选框,试图阻止jQuery触发表tr onclick事件
- Onclick doesn't work as expected on tr
- 当$(this)单击时,在每个tr中单独执行onclick函数
- overriding tr onclick
- 从JavaScript动态地为tr元素添加onclick事件
- 如何为Onclick访问已单击TR的第一个TD