javascript - 我不知道如何从 Preventdefault 中排除链接

标签 javascript hyperlink preventdefault

我想从 PreventDefault 中排除 child-div 内的链接

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#parent").click(function(event){
    event.preventDefault();
  });
});
</script>
</head>
<body>
<div id="parent">
<div id="child"><a href="mylink.html" alt="link">click me!</a></div>
</div>
</body>

是否可以使子 div 中的链接正常工作?我现在花了大约 3 个小时寻找答案,但我似乎无法弄清楚!

最佳答案

检查触发事件的目标不是 anchor 。如果不是,则不要传播该事件。

$(document).ready(function(){
  $("#parent").click(function(event){
    if(!$(event.target).is("a")){
        event.preventDefault();
    }
  });
});

关于javascript - 我不知道如何从 Preventdefault 中排除链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15833252/

相关文章:

javascript - Safari 11-自动播放YouTube问题

html - 将 div 与图像悬停相关联

Android Webview 电话 : link ERR_UNKNOWN_URL_SCHEME

javascript - 如果父 hasClass() 则防止链接默认

javascript - event.preventdefault 在 Firefox 中不起作用

javascript - 如何在移动设备上悬停或点击圆形图片中的内容并显示

javascript - 自动将按钮添加到行表

javascript - 使用 bool 值更新嵌套对象

javascript - 连接 javascript 和 html (a href)

jQuery 捕获回车键并防止默认