简谈a标签与添加点击事件

最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去

后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。

因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下

1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

2.如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

3.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,

用jq动态添加的a标签，需要绑定点击事件才能生效。如：

JQ:

$('body').append('<div class="test">Click Me</div>')

$('.test').bind('click', function() {

  alert("点击生效")

})

---