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 - .show() 在 ajax 调用后不工作

javascript - 如何将 onclick 功能添加到我的搜索栏

javascript - jQuery 使全局变量

javascript - document.ready 函数在 iframe 中不起作用

javascript - Drupal 8 View 幻灯片图像在 IE 11 中大小不正确

javascript - 外部 .js 文件中的 JQuery 未运行

javascript - 为什么匹配表情符号的正则表达式也会匹配移动设备上的非表情符号( ' and ")?

javascript - 根据从下拉列表中选择的值过滤列表不起作用

javascript - 如何将ajax变量值传递给codeigniter中的 Controller

html - 我上传到我的 ruby​​-on-rails 服务器的照片看起来很糟糕