100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS 阻止 a 标签的默认点击事件 阻止默认的所有事件

JS 阻止 a 标签的默认点击事件 阻止默认的所有事件

时间:2021-03-26 03:27:44

相关推荐

JS 阻止 a 标签的默认点击事件 阻止默认的所有事件

JS、阻止 a 标签的默认点击事件,阻止默认的所有事件

1 . javascript:void(0) 空处理

缺点:当超链接有target="_blank"属性时,点击后任然会跳出空白页面

<a href="/" target="_blank">超链接1</a><a href="javascript:void(0);">超链接2</a><a href="javascript:void(0);" target="_blank">超链接3</a>

2 . 重写 onclick

可以解决默认点击事件,也可以保证target="_blank"时,不跳出空白页

<a href="/" target="_blank">超链接1</a><a href="/" target="_blank" onclick="return false">超链接2</a>

如果你是vue等之类的框架,你可以这样写

使用ref获取,dom再对dom进行操作

// 阻止a标签默认的点击事件this.$refs.productIntroduction[0].onclick = function () {return false;};

3 . css属性中设置 pointer-events: none

可以阻止a标签的所有事件行为,包括点击事件,hoveractived等…

(这个特性有时是优点,有时也是缺点)

<head><meta charset="UTF-8"><title></title><script src="/npm/vue"></script><style type="text/css">.aWrap {pointer-events: none}</style></head><body><a class="aWrap" href="/" target="_blank">超链接1</a></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。