1

クリック可能なボタンを作成する 2 つの方法:

方法 1:

<img src="image.png" alt="" id="btn_img" />

方法 2:

<a id="btn_img"><img src="image.png" alt="" /></a>

CSS レンダリングの違い (カーソル、IE によって生成される青い画像の境界線など) とは別に、clickイベントを idに割り当てるbtn_imgと、ブラウザー間の互換性など、動作上の違いはありますか? そして最も重要な質問は、どの方法が好まれますか?

イベントを追加するコード:

$('#btn_img').click(function() {
  alert('do something');
});

この質問が「意見に基づく」カテゴリに分類されないことを願っています。

4

1 に答える 1

1

どちらの結果も同じです。唯一の違いは、クリック イベントが最初の方法では画像でトリガーされ、2 番目の方法ではリンク タグでトリガーされることです。したがって、 のデフォルトの動作を防止する必要がありますが、 は防止する必要はありa tagませんimg tag。とにかく、スタイリングの目的に関しては、img tag要素をラップする方がラップしないよりも優れているため、2 番目の方法を使用することをお勧めします。

于 2013-11-15T04:20:45.193 に答える