javascript - クリック可能なテキストのターゲット領域にアイコンを含める最良の方法は何ですか?

Question

現在、次の JavaScript を使用して展開メニューを作成しています。

現在、クリックできるのはハイパーリンクテキストのみです。テキストの横にあるアイコンがクリックに反応するようにする最善の方法は何ですか?

score 1 · Accepted Answer

アイコンは次のようになります。

これらすべてをCSSやマークアップで実行し、JavaScriptを素晴らしくシンプルに保つことができます。

3番目の方法は、アイコン要素をハイパーリンクのイベントハンドラーメソッドにバインドすることですが、最終結果は最適ではなく、ほとんどの作業が必要になります。

score 0 · Accepted Answer

HTML

<a id="icon" href="blah">blah</a>

CSS

#icon {
    background: transparent url(img.gif) no-repeat right center;
    padding-right: 10px;
}

2 に答える 2