时间戳

首页 > 解决方案 > 使用reactjs在Safari中滚动页面后单击事件不起作用

javascript - 使用reactjs在Safari中滚动页面后单击事件不起作用

问题描述

当我单击链接时，它将向上滚动到页面而不是触发实际的 onClick 事件并打开另一个页面...

我的 ReactJs 代码：

  <a
    href={HELP_URL}
    className={s.supportLink}
    target="_blank"
    rel="noopener noreferrer"
    onClick={() => handleFAQClick({ onPageStepChange, location })}
  >
    FAQs
  </a>

它应该按照“href”中提到的链接在新选项卡中打开一个新页面。

标签： javascripthtmlreactjssafari

解决方案

添加event.preventDefault()到您的 javascript 代码中。

尝试这样的事情：

function handleFAQClick() {
  event.preventDefault(); //<-- If you remove this, your link will try to send you to another page by default.

  //Your code...
  //E.g. alert:
  alert("It works!");
}
<a href="" className="" target="_blank" rel="noopener noreferrer" onClick="handleFAQClick()">
  FAQs
</a>

推荐阅读