javascript - 单击 Div 和更多特定元素

Question

我有一个 div，它有一个 click() 操作，可以在其他一些元素上产生一些动画。这一切都运转良好。

问题是该 div 内的一些链接已停止工作。

例如，这是一个简化的示例:

<div class="clickable-div">
    <a href="#" onclick="javascript:my_function();">
</div>

$(document).ready(function() {
  $('div.clickable-div').click(function() {
      ...
  });
});

单击该链接后，我该如何运行 my_function？

另一个考虑因素是 clickable-div 中有纯文本和图像。我仍然想在单击这些项目时触发 .clickable-div。

编辑:

又一件奇怪的事情。该 div 中有一个 mailto 链接。当我单击 mailto 链接时，我的浏览器会执行 mailto 操作(在邮件客户端中打开一个撰写窗口)，但它也会执行 .clickable-div.click。我希望它不要两者兼而有之。

Answer 1

看看这里:http://jsfiddle.net/J2jMV/

代码

$('div.clickable-div').click(function() {
    alert("I'm not your function");
});
$('div.inner').click(function(e) {
    e.stopPropagation();
    alert("I'm INNER!");
});
$("#clickme").click(function(e){
    e.stopPropagation();
    alert("Hello my function");   
});

还可以看看这里的事件冒泡:http://javascript.info/tutorial/bubbling-and-capturing

希望对你有帮助