javascript - 强制调整点图像大小

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" />