停止父 div onclick 功能到子元素说锚标记

Question

我想停止父 div 的 onclick 功能，比如 class="service-box-inner"，因为我的子元素锚标记说 class="caps_link"，但我面临的问题是当我点击“执行演示”时首先打开弹出窗口，然后打开 google 页面，我想停止对打开弹出窗口的控制，但它会导致页面 google
HTML Markup

<div class="service-box-inner" onclick="window.location='http://www.google.com'">
    <img class="service-icon" src="../images/icons/service-icon-1.png" alt="ehr" />
    <small class="service-description">Some Meaningful Use .</small>
    <a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link" onclick="function abc(event);">perform a demo</a>
</div>

这是我的 JQuery 代码

function abc(event) {
    event.stopPropagation();

}

Answer 1

您的onclick 属性试图定义一个函数，而不是调用一个函数。试试这个：

<a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link" onclick="abc(event);">perform a demo</a>

另请注意，您使用的方法不是 jQuery 并且已过时。要使用 jQuery，试试这个：

<a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link">perform a demo</a>

$(function() {
    $('a.caps_link').click(function(e) {
        e.stopPropagation();
    });
});