![](/img/trans.png)
[英]How to trigger a drop event for any of the item dragged and dropped inside any of the child div inside a main dev in JS
[英]How to trigger event when dragged text on a div or dropped a text on a div
想象一下,我有一个从另一个 window 中选择的文本,并在我将文本放在 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>
我认为 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)
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.