jQuery onClick on link element

jQuery onClick on link element

本文关键字：element link on onClick jQuery      更新时间：2023-09-26

假设我有一些这样的代码：

<a href="www.foobar.com" class="special-click">
   Content here
</a>
$( ".special-click" ).click(function(event) {
  event.preventDefault();
  // Do other stuff
});

假设加载了 jQuery 库，我的 jQuery 是否保证在页面转换之前运行？换句话说，在上面的示例中，是否保证用户永远不会被带到 www.foobar.com？ 如果没有，有没有办法在不添加 html onclick 属性的情况下添加该行为？

如果你想得到保证，那么在$（document）.ready（function（） { }中阻止这个点击事件代码;

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
    $(document).ready(function () {
        $(".special-click").click(function (event) {
            event.preventDefault();
            alert("test")
        });
 });  
</script>
</head>
<body>
 <a href="www.foobar.com" class="special-click">
   Content here
</a>
</body>
</html>
相关文章：