javascript - 向父 anchor 发送点击事件

Question

如何将点击事件(JS 或 JQuery)发送到作为 anchor 的父对象？我的基本 HTML 如下所示:

<a href="javascript:myFunc(1,2,3)">
  <img id="btn1" src="myimg.png">
</a>

所以我可以通过按钮轻松引用 anchor :

document.getElementById('btn1').parentNode

但是，

document.getElementById('btn1').parentNode.click

虽然它似乎没有在 firebug 的控制台中引发错误，但 javascript 函数似乎也没有触发。我如何发送点击这个东西。顺便说一句，我无法控制 HTML，所以我不能只在 anchor 标记中添加一个 ID。

Answer 1

可以使用 href="javascript:blah" 的日子已经一去不复返了，尤其是当您使用 jQuery、Dojo、ExtJs 或其他库时。事件处理程序应始终附加在 HTML 之外。

$(function() {
    $("#btn1").click(function() {
        $(this).parent().click();
    };
});

这是您可以在 SO 页面上测试的片段(复制并粘贴到 Firebug 中)

$("#hlogo a").click(function() {
    alert("a!");
    return false;
});

$("#hlogo a img").click(function() {
    alert("img!");
    $(this).parent().click();
});