javascript - 强制调整点图像大小

标签 javascript jquery html

有没有一种方法可以以编程方式聚焦图像,以便“调整大小点”可见并且用户可以调整图像大小?

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

这是一个“调整大小点”的例子..真的..它们叫什么?

enter image description here

最佳答案

我不确定您所说的“调整点大小”是什么意思。但要使用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" />

关于javascript - 强制调整点图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30909683/

相关文章:

javascript - 当到达 "0"时停止倒计时

javascript - node.js 解析 promise 并返回值

jquery - 在数据表中使用 fnReloadAjax

javascript - 单击表格中的 tr 时使用 JQuery 创建弹出窗口

javascript - 脚本中的 Angular <div> 颜色变化

javascript - 将 D3 力图转换为 v4

javascript - 使用 CSS 选择器在特定属性下查找不包含特定属性的 div

javascript - 从单击/更改函数中获取更新的变量值

javascript - 如何获取包含动态内容的页面的 html?

javascript - Bootstrap 4 轮播淡入淡出动画无法正常工作