javascript - 如何使图像可聚焦？

Question

在另一个问题中，有人建议可以使图像可聚焦？怎么能做到这一点？

更多信息：

在另一个问题中，昆汀说：

 var img= $("#my-image-id");
    image.click(function() {
    // your code here
    }

不要这样做。图像将无法聚焦（因为图像并非设计为交互式控件）。使用（例如）键盘在页面中导航（而不是像鼠标这样的指点设备）的人将无法导航到图像并激活控件。

别人说：

在您想要保持“焦点”的情况下（我假设带有选项卡支持），如果您使用单个作为按钮（带有或不带有），则必须添加一些 JS 代码以使图像在适当时具有焦点选项卡被按下。所以你将不得不编写更多的代码来做同样的事情。

score 4 · Accepted Answer

要使图像（或任何元素）具有焦点，只需添加一个tabindex属性。

<img src="myimage.png" tabindex="1" />

但请注意，没有必要仅仅为了让图像响应click事件而进行任何特殊处理。

score 0 · Accepted Answer

你可以在img里面放一个button.

所以，焦点将到达按钮，点击事件可以绑定到按钮，但它看起来就像图像有焦点一样。

2 回答 2