javascript - 将图标包含在可点击文本的目标区域中的最佳方法是什么？

Question

我目前正在使用以下 javascript 创建扩展菜单：

目前，只有超链接文本是可点击的。让文本旁边的图标响应点击的最佳方式是什么？

score 1 · Accepted Answer

图标应该是：

您可以在 CSS 和/或标记中完成所有这些工作，让 javascript 保持美观和简单。

第三种选择是将图标元素绑定到超链接的事件处理程序方法，但最终结果不太理想，并且需要最多的工作。

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