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

简谈a标签与添加点击事件,第1张

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

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

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

1.链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接);

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

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

可以的,例如html代码如下: <a>点击</a>,对应的jq代码如下:

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

   alert(点击生效)

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11396051.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存