【问题标题】:Javascript click event stop anchor href linkJavascript点击事件停止锚href链接
【发布时间】:2019-10-21 01:42:38
【问题描述】:

当包含 js 点击事件时,锚标签 href 不起作用 HTML:

<li id="serviciosbtn"><a href="#servicios">SERVICIOS</a></li>

JS


var servicios = document.getElementById("serviciosbtn");

servicios.addEventListener("click", function(e) {
        nav.classList.add("hide-mobile");
        e.preventDefault();
});

这实际上应用了类,但 a href 现在不起作用

【问题讨论】:

  • e.preventDefault();可能是您没有看到超链接工作行为的原因
  • 对我来说很好jsfiddle.net/j08691/60h98vkg/1。 @ullfindsmit 为什么?它没有绑定到锚点。
  • 您的#servicios 是一个本地页面链接而不是外部链接,它在您的原始帖子中的 jsfiddle 中向上滚动,您的

标签: javascript anchor


【解决方案1】:

e.preventDefault();是唯一的原因 Read the official documenation

尝试删除 e.preventDefault(); 它会正常运行

【讨论】:

    【解决方案2】:

    @ullfindsmit,是的,当我删除 e.preventDefault() 时它可以工作

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-06
      • 2013-07-14
      • 1970-01-01
      • 1970-01-01
      • 2014-03-09
      • 1970-01-01
      相关资源
      最近更新 更多