2020年新年大赛！

Question

vitaly-post

Asked:2020-01-19 03:00:38 +0000 UTC2020-01-19 03:00:38 +0000 UTC 2020-01-19 03:00:38 +0000 UTC

在 DIV 中插入图像

我捕捉到元素上的图像插入事件：

let el = document.getElementById("modalWnd");
el.onpaste = function (event) {
      alert("Ok");
}

我按 PrtSc 然后 Ctrl+C。如果我预先单击 id="modalWnd" 的 div 元素，一切正常。剪贴板粘贴事件触发。但我希望用户不必单击 div 以编程方式获得焦点。

$("#modalWnd").focus() 没有效果。也没有效果 $("#modalWnd").attr("tabindex", -1).focus()

看起来该元素已经成为焦点，但 el.onpaste 在您单击它之前仍然不会触发。

有谁知道如何解决？

user176262 · Answer 1 · 2020-01-19T03:34:35Z

Best Answer

user176262

let el = document.getElementById("modalWnd");
el.onpaste = function(event) {
  alert("Ok");
}
el.querySelector('input').focus();

#modalWnd {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  background: lightgreen;
  overflow: hidden;
}

<div id="modalWnd">
<input style="width:10px;margin-left:-15px;"/>
</div>