gpt4 book ai didi

javascript - 覆盖 tr onclick

转载 作者:太空狗 更新时间:2023-10-29 13:21:36 25 4
gpt4 key购买 nike

我在 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>

event.cancelBubble=true 会抑制 tr 点击事件

关于javascript - 覆盖 tr onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6170576/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com