javascript - e.target.href 在 Firefox 中不工作

Question

e.target.href 在 firefox 中不工作。这仅适用于 chrome。我尝试了以下问题的解决方案 ( event.target not working on Firefox ) 但仍然无法在 firefox 上工作。我还需要添加更多内容吗？

app.js

showModal(e) {
    if (!e) {
      e = window.event;
    }
    e.preventDefault();
    const event = e.target || e.srcElement;
    const url = event.href;
    console.log('url', url, event.href);
    const redirectTo = url.substring(url.lastIndexOf('/') + 1);
    this.setState({ show: true });
    this.context.router.transitionTo(redirectTo);
  } 

<Nav
  showModal={(e) => this.showModal(e)}
  hideModal={() => this.hideModal()}
  show={this.state.show}
  onHide={() => this.hideModal()}
/>

Nav.js

<button
  className="btn btn-default"
  onClick={(e) => props.showModal(e)}
>
 <Link to={{ pathname: '/signup' }}>
   {props.intl.formatMessage({ id: 'nav.registration.text' }) }
 </Link>
</button>

Answer 1

尝试使用 getAttribute()

   const tgt = e.target || e.srcElement;
   const url = tgt.getAttribute('href');
   console.log('url', url, tgt);

showModal(e) {
    if (!e) {
      e = window.event;
    }
    e.preventDefault();
    const tgt = e.target || e.srcElement;
    const url = tgt.getAttribute('href');
    console.log('url', url, tgt);
    const redirectTo = url.substring(url.lastIndexOf('/') + 1);
    this.setState({ show: true });
    this.context.router.transitionTo(redirectTo);
  }