javascript - 如何忽略第一个事件并跳到第二个？

Question

我有一个表格行，它有一个 JavaScript Action 附加到表格行内任何地方的鼠标点击:

<tr onmousedown="someAction(this)">
    <td>cell 1</td>
    <td>cell 2</td>
    <td><a href="page2.html">cell 3</a></td>
</tr>

如果用户单击行中的任意位置，我希望执行 JavaScript 操作 someAction(this)。但是，如果用户单击指向 page2 的链接，那么我希望忽略该操作并跟随链接。

不幸的是，首先观察到的是操作，它恰好移动了链接文本的位置，刚好足以让点击停止。换句话说，在这种情况下，用户实际上无法单击链接并转到第 2 页。

如何禁用点击链接时的 mousedown 操作？

更新:根据回答，我最终在 HTML 的末尾包含了以下 JavaScript，它注册了一个事件处理程序以按照建议停止传播，如下所示:

...
<script type="text/javascript" language="javascript">
//<![CDATA[
function stopEvent(ev) {
    ev.stopPropagation();
}
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
    links[i].addEventListener("onmousedown", stopEvent, false);
}
//]]>
</html>

这本可以很容易地包含在文档的 onload 事件中，但是由于其他原因已经需要 CDATA 部分，所以我在此处添加了我需要的内容。

Answer 1

如果您使用的是 jQuery，就这么简单(假设您为 tr 元素设置了 id='row'，为元素设置了 id='link'):

$('#row').click(someaction);
$('#link').click(function(event){event.stopPropagation()});

你可以看看这个例子:http://jsfiddle.net/VDQMm/

如果没有 jQuery，几乎是一样的，但是你必须先获取每个元素的句柄，然后使用 addEventListener 方法附加一个事件监听器(通过将最后一个参数设置为 false 使行处理程序使用冒泡而不是捕获) ，然后是相同的旧 event.stopPropagation()。

它会是这样的(http://jsfiddle.net/VDQMm/2):

var row = document.getElementById('row');
var link = document.getElementById('link');
row.addEventListener('click',alert('clicked row!'),false)
link.addEventListener('click',function(event){event.stopPropagation()},false)