当超链接点击时防止父容器点击事件发生

Question

在我的网页上我有一个文件列表。

每一个文件是在它自己的div容器（DIV CLASS = “文件”）。容器内部是指向文件和描述的链接。

我想让用户点击容器上的任何位置来下载文件。我通过向容器添加一个单击事件并获取子链接的href来完成此操作。

由于文件在新窗口中打开，如果用户实际点击该链接，打开该文件的两倍。

所以我需要防止父容器click事件从被点击的超链接时开火。这样做的最好方法是将超链接的点击函数添加到0并设置event.stopPropagation？据推测，这会阻止事件冒泡到容器。

感谢 本

Answer 1

是，使用stopPropagation。请参阅：Prevent execution of parent event handler

Answer 2

在微软模式必须将事件的cancelBubble属性设置为true。

window.event.cancelBubble = true; 

在W3C模型中，您必须调用事件的stopPropagation（）方法。

event.stopPropagation(); 

这里是一个跨浏览器的解决方案，如果你不使用一个框架：

function doSomething(e) { 
    if (!e) e = window.event; 
    e.cancelBubble = true; 
    if (e.stopPropagation) e.stopPropagation(); 
} 

Answer 3

感谢您的帮助。

我正在使用jQuery，但很好理解非框架解决方案。

添加的链接如下：

$(".flink").click(function(e) { 
     e.stopPropagation(); 
    }); 

本