简谈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(点击生效)

})

vue中的a标签是超链接标签,通过a标签可以进行页面的跳转或者是描点跳转。

但是由于vue是单页面,在进行a标签进行跳转的时候,需要将a标签的src属性设置为空,禁止页面跳转,然后在a标签的点击事件里面通过vue-router路由进行页面之间的跳转。

另外一个a标签设置描点链接需要将a标签的src设置为#+描点名称,这样就达到了a标签的连接跳转。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存