javascript - 为什么 e.preventDefault() 不会阻止链接被跟踪？

Question

如何阻止链接被跟踪（使用此事件处理程序）？

http://jsfiddle.net/chovy/rsqH7/1/

<table>
    <tbody>
        <tr class="msg">
            <header><a href="http://cnn.com">cnn.com</a></header></tr>
    </tbody>
</table>

$('table').on('click', 'tr.msg header', function (e) {
    e.preventDefault();
    var $el = $(e.currentTarget);
    console.log($el);
});

Answer 1

您的 HTML 无效；<header>不能直接出现在 a<tr>中，这破坏了整个事情。如果添加alert，您会注意到根本没有调用处理程序。

检查 DOM 给了我这个：

<header><a href="http://cnn.com">cnn.com</a></header>
<table>…&lt;/table>

那是浏览器，一如既往的有用！通过添加修复它来更正 HTML 。<td>（或者你的意思是<th>代替<header>？）