Вставка изображения в DIV

28 февраля 2022, 18:20

Отлавливаю событие вставки изображения на элементе :

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

Нажимаю PrtSc затем Ctrl+C. Все работает хорошо, если я предварительно щелкну мышью по элементу div с id="modalWnd". Событие вставки буфера обмена срабатывает.Но хочу, чтобы пользователю не надо было бы щелкать по div, чтобы фокус на нем устанавливался программно.

$("#modalWnd").focus() не дает эффекта. Не дает эффекта также $("#modalWnd").attr("tabindex", -1).focus()

Вроде бы элемент и так в фокусе, но el.onpaste все равно не срабатывает, пока не щелкнешь по нему мышью.

Кто-нибудь знает как решить?

Answer 1

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Конвертация аудио файла при загрузке на сервер

Подскажите, есть ли плагины или библиотеки для конвертации аудио файла из mp3 в ogg в момент загрузки на сервер?

112

javascript

Вставка изображения в DIV

Конвертация аудио файла при загрузке на сервер

Удаление заданного элемента

Как прочитать содержимое страницы и если в тексте встречаются две точки подряд- оставить только одну?

Автообновление курса валют в БД