强调调整大小点图片

Question

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

我已经试过focus()但这并不适合我。

下面是这些“调整点”的例子..真的......那些叫什么呢？

Answer 1

我不知道你所说的意思调整点。但要在<img />等不可聚焦的元素上使用focus()，则需要为其添加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" />