DataTransfer.setData()重置拖拽文本内容实例页面

回到相关文章 »

效果：

拖动下面手机号码到输入框中：

132-0803-3621

代码：

HTML代码：
<p>拖动下面手机号码到输入框中：</p>
<p>132-0803-3621</p>
<p><input id="input" placeholder="拖到这里来"></p>
JS代码：
document.addEventListener('dragstart', function (event) {
    // 重置拖拽文本内容
    event.dataTransfer.setData('text', '张鑫旭-鑫空间-鑫生活');
});