强制调整点图像

Question

有没有一种方法可以编程聚焦图像，以便“调整大小点”变得可见，用户可以调整图像大小？

我已经尝试focus()，但这对我不起作用。

以下是那些“调整大小点”的例子..真的......那些叫做什么呢？

Answer 1

我不确定调整大小点的含义。但要在focus()等不可聚焦的元素上使用<img />，您需要为其添加tabindex属性。只需将tabindex="1"提供给<img />，如：

<img src="http://lorempixel.com/400/200/" tabindex="1" />

之后触发focus()就可以了。

<强>段：

$(function () {
  setTimeout(function () {
    $("img").trigger("focus");
  }, 1000);
});

img {display: block;}
img:focus {border: 2px solid #f00;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p>The image receieves focus in a second!</p>
<img src="http://lorempixel.com/400/200/" tabindex="1" />