>想象一下,我有一个从另一个窗口中选择的文本,当我将文本放在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)
}