Как вызвать событие при перетаскивании текста на div или сбрасывании текста на div - PullRequest
0 голосов
/ 19 октября 2019

Представьте, что у меня есть текст, выделенный из другого окна, и перетаскиваемый через div, когда я перетаскиваю текст в div, я хочу вызвать событие и захватить пропущенный текст. Я знаю, что он работает над текстовым полем. Но я не могу найти инициирующее событие.

<div onTextDropped="handleTextDrop()">

</div>

Я хочу реализовать что-то, как описано выше, и я хочу получить пропущенный текст

function dropped(){

  console.log('dropped')

}
<div ondrop="dropped()" onClick="clicked()" style="width: 200px; height: 200px; background-color: red">
  drop text here
</div>

1 Ответ

2 голосов
/ 19 октября 2019

Я думаю, что событие ondrop может вас удовлетворить https://www.w3schools.com/tags/ref_eventattributes.asp

function drop(event) {
  event.preventDefault();
  var data = event.dataTransfer.getData("Text");
  event.target.appendChild(document.getElementById(data));
  document.getElementById("demo").innerHTML = "The p element was dropped";
}

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_ondrop

для регистрации выбранного текста

function drop(event) {
  event.preventDefault();
  var data = event.dataTransfer.getData("Text");
  console.log(data)

}
...