javascript - 显示 block 链接问题内的链接，两个链接都激活

Question

我有一个翻转 block 列表。该 block 本身是指向一页的链接。 block 内是另外两个指向不同页面的文本链接。当您单击这些链接之一时，该链接和 block 链接都会执行，导致加载两个窗口。我怎样才能做到这一点，当点击阻止链接不执行的文本时？

谢谢!

echo "<div class='feedcontent'
           onclick='show_thumbnail($pageid,$revid, this)'
           id='newsitem-$pageid-$revid'>";

echo " <a href='javascript:void;'
             onclick='load_wikitrust(\"$wktrust_url\");'>edited</a><br>";
$aname=substr($wkarticle, 0, 27);
echo " <a href='javascript:void;'
             onclick='window.open(\"$wkarticle_url\")'>$aname</a>";
echo " on <span class='timeline_timestamp'>$timestamp</span>";
echo "</div>

因此，例如，当您单击文章名称($aname)时，显示缩略图的 onclick 链接以及用于打开文章加载窗口的 onclick 链接。这只是由类 feedcontent 定义的 block 内的代码片段。

Answer 1

您可以为此使用 event.stopPropagation();:

http://jsfiddle.net/jPYka/

<div class="outer" onclick="alert('outer container clicked'); return false">
    <div class="inner" onclick="alert('inner 1 clicked'); event.stopPropagation();">inner 
        1
    </div>
    <div class="inner" onclick="alert('inner 2 clicked');">inner 
        2
    </div>
</div>​

注意单击第一个容器时如何阻止外部 div 的 onclick 事件。