解决button 下面的 a 无法点击

作者: cbw100 | 来源:发表于2018-05-29 12:33 被阅读30次

在开发页面的时候，我很经常在button按钮标签下包裹一个a标签，例如：

<Button type='ghost'>
    <a href={gotoEditPage} target="_blank">编辑</a>
</Button>

我之前一直是这样的，在chrome浏览器下是完全没有问题的，但是在火狐和IE浏览器下就完全行不通了，无法点击。

这里有2种方法解决

1. button点击

<button onclick="window.location = 'http:/www.google.com';">点击</button>

2. 修改a标签的样式

就是把a标签用css修饰成button标签，也可以达到效果。

解决button 下面的 a 无法点击
在开发页面的时候，我很经常在button按钮标签下包裹一个a标签，例如：我之前一直是这样的，在chrome浏览器...
uiview hitTest
button 超出superView 无法点击解决方法 - (UIView *)hitTest:(CGPoint)...
button超出父视图无法点击解决
参考参考
ListView有Button抢焦点使Item不能点击 Vie
一、ListView的item布局中有Button时，item无法点击：解决方法： Item布局的根布局加上an...
tabbar 自定义
效果原理补充由于button的位置超出tabbar范围导致无法响应用户的点击事件，通过hitTest可以解决...
button动画过程中不能响应事件解决办法
Button在执行CAKeyframeAnimation动画时无法响应点击事件。解决办法：1、设置动画过程中可以交...
利用runtime，解决多次点击相同button，导致重复跳转的
利用runtime，解决多次点击相同button，导致重复跳转的问题利用runtime，解决多次点击相同butt...
flutter Navigator.of(context).po
三种返回页面的方式 1.原生点击Native Back Button2.点击app bar的Back Button...
SAP Spartacus delivery mode cont
原因在于continue button被设置成了disabled，因此无法点击：因此需要研究这个button默认...
SAP Spartacus delivery mode cont
原因在于continue button被设置成了disabled，因此无法点击：因此需要研究这个button默认...