div & drop
2024-08-23 01:06:41
div & drop
uplaod file & prevent
dropleave
https://www.runoob.com/jsref/event-ondrop.html
https://www.runoob.com/try/try.php?filename=tryjsref_ondrop
function dragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
document.getElementById("demo").innerHTML = "开始拖动 p 元素";
}
function allowDrop(event) {
// 阻止默认时间
event.preventDefault();
}
function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("Text");
event.target.appendChild(document.getElementById(data));
document.getElementById("demo").innerHTML = " p 元素已被拖动";
}
最新文章
- C#进阶系列——DDD领域驱动设计初探(一):聚合
- 写程序该选Mac 还是PC ?(转)
- backbone学习笔记一
- 【Javascript Demo】JS获取当前对象大小以及屏幕分辨率等
- Java基础-字面值
- 利用jQuery获取鼠标当前的坐标
- 转】Apache解决高并发和高可用
- 整理Git的命令使用
- jQuery效果-滑动
- fs读取某个json文件的数据
- CSS 背景 background 讲解
- JS预览图像将本地图片显示到浏览器上
- Leetcode_145_Binary Tree Postorder Traversal
- postgresql 基础sql
- Oracle分析函数-keep(dense_rank first/last)
- kubernetes1.5新特性(二):支持Photon卷插件
- vue组件的使用和事件传递
- XML 试题
- 代理设计模式 (静态代理设计模式)+ 动态代理(JDK和Cglib)
- Windows Phone本地数据库(SQLCE):11、使用LINQ查询数据库(翻译) (转)