e.target.href在firefox中不工作

Question

e.target.href在firefox中不起作用。這隻適用於鉻。我嘗試了以下問題的解決方案（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); 
 
    }