iOS设备a标签有hover事件时需要点击两次才会跳转链接

问题：在使用a标签跳转到外部链接时，iOS设备（iPhone14）第一次点击是a标签的:hover事件，第二次点击才会跳转链接。

分析：应该是 iOS Safari 浏览器的特性导致的。

思考思路：

1.可以用js事件代替css的:hover。微微有点麻烦。

2.用js判断，在ios手机端取消:hover。麻烦

3.用js事件代替a标签的跳转。可行。

<a href="javascript:;" onclick="window.open('你的链接', '_blank')" class="pic">
    其他内容
</a>