javascript - 如何在不导航到该页面的情况下注册 anchor 标记的点击？

Question

当用户单击 anchor 标记时，我想存储与该标记关联的 href 属性，然后对其执行操作，但浏览器无法执行任何操作，而是仅转到该 href。

这是我的代码:

// only if they click anchor tags
$("a").click(function() {

  var source = $(this).href;
  console.log(source);

  // code //

});

为什么这不起作用？我什至在控制台中看不到任何东西。

谢谢!

Answer 1

使用preventDefault();或return false;

示例:

$("a").click(function(e) {

    var source = $(this).attr('href');
    console.log(source);

    // code //
    e.preventDefault();

});

-- 或 --

$("a").click(function() {

    var source = $(this).attr('href');
    console.log(source);

    // code //
    return false;

});

<小时/>

另请参阅:http://css-tricks.com/return-false-and-prevent-default/