「a」タグ内のクリック可能なボタン

Question

タグ<button>をクリックすると、直接<a>というタグがクリックされました。どのようにそれを解決するには？または他の方法ですか？

Answer 1

タグ<button>あなたが<button>をクリックすると、タグ<a>がクリックされた理由です、タグ<a>の子です。タグ<button>をタグ<a>の兄弟として作成し、cssの助けを借りて画像上に配置します。

<a href="#"> 
    <image src=""> 
</a> 
<button>View<button> 

またタグ<a>の上にそれを作るために<button>ために高いZインデックスを使用します。

Answer 2

私はそれができないと思います。しかし、<a>タグを削除するか、を<a>タグに追加してみてください。

理由は、ボタンにリンクタグが含まれているからです。これにより、ボタンがリンクされます。したがって、ボタンをクリックすると、囲みリンク上でクリックイベントがトリガーされます。

これはJavaScriptでevent.targetとevent.currentTargetで処理できます。

希望すると便利です。