阻止a标签默认跳转

墨蓝 2023-06-08 15:53 148阅读 0赞

法一:

  1. <a href="javascript:void(0)">百度</a>

void是运算符,执行void后面的表达式,始终返回的是undefined.所以也可以写成

  1. <a href="javascript:undefined">百度</a>

再简洁一些:

  1. <a href="javascript:;">百度</a>

法二:用CSS控制 进阶

  1. <a style="pointer-events:none;">百度</a>

pointer-events更像是JavaScript,它能够:

  • 阻止用户的点击动作产生任何效果
  • 阻止缺省鼠标指针的显示
  • 阻止CSS里的 hoveractive状态的变化触发事件
  • 阻止JavaScript点击动作触发的事件

发表评论

表情:
评论列表 (有 0 条评论,148人围观)

还没有评论,来说两句吧...

相关阅读

    相关 javascript 阻止a的link向href

    今天在做一个删除记录的功能,之前也做过类型的,只是没有记录。 提示确认删除或者取消删除,当选择取消删除时,怎么能阻止a的link向href跳转呢。 以下方法是可以

    相关 a标签

    a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 1. 标签属性href,使其指向空或不返回任何内容。如: