html5 drap 文件夹,带有显示ID的Html5 drap and drop问题
你的代码很好,当你在HTML上设置事件时,问题就是jsFiddle。
如果你在javascript窗格上设置它可以工作(需要小的调整)。
HTML:
的javascript:
var div1 = document.getElementById("div1");
var drag1 = document.getElementById("drag1");
var textbox1 = document.getElementById("textbox1");
div1.addEventListener("drop",drop,false);
div1.addEventListener("dragover",allowDrop,false);
drag1.addEventListener("dragstart",drag,false);
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
console.log("drag", ev);
ev.dataTransfer.setData('text/html', ev.target.id);
}
function drop(ev) {
console.log("drop",ev);
ev.preventDefault();
var data = ev.dataTransfer.getData("text/html");
textbox1.value = data;
}
html5 drap 文件夹,带有显示ID的Html5 drap and drop问题相关推荐
- HTML5文件夹隐藏了怎么打开,隐藏的文件夹怎么显示 打开隐藏文件夹方法【详解】...
隐藏的文件夹怎么显示? "文件夹"就是一个目录名称,我们可以暂且称之为"电子文件夹"; 它提供了指向对应磁盘空间的路径地址,它可以有扩展名,但不具有文件扩展名的 ...
- win10服务器文件夹显示不全,如何让Win10文件夹始终显示功能区有哪些方法
如何让Win10文件夹始终显示功能区有哪些方法 腾讯视频/爱奇艺/优酷/外卖 充值4折起 方法一:借助快速访问工具栏 点开快速访问工具栏菜单,点击取消"最小化功能区"即可. 方法二 ...
- 计算机名字更改时不显示文字,教大家电脑中文件夹不显示名字怎么办
近日有关于电脑中文件夹不显示名字怎么办的问题受到了很多网友们的关注,大多数网友都想要知道电脑中文件夹不显示名字怎么办的具体情况,那么关于到电脑中文件夹不显示名字怎么办的相关信息,小编也是在网上进行了一 ...
- ppt批量缩略图_PPT如何在文件夹下显示缩略图的方法
PPT如何在文件夹下显示缩略图的方法 2017-10-17 19:15 责任编辑:zhiban 导读 / 很多朋友多喜欢让自己文件夹一目了然,但是ppt况下是不会显示缩略图的,这就让不少朋友很困扰,那 ...
- 发现文件夹和文件夹都显示为蓝色和绿色,是否中毒了?
在xp系统下,发现文件夹和文件夹都显示为蓝色和绿色,是否中毒了? 或许这些文件和文件夹属于加密或压缩的NTFS文件,属于正常现象.如果不希望显示为蓝色,可以打开"我的电脑",依次单 ...
- Android Studio 在res中新建文件夹不显示
工作需要,要学习Android.于是就拿了本电子书进行学习. 1.问题描述 根据书上的例子在 res文件夹下建 layout_large文件,居然不显示 但是在 当前目录下确实建立了. 2.问题思考 ...
- 解决eclipse maven工程中src/main/resources目录下创建的文件夹所显示样式不是文件夹,而是“包“图标样式的问题
解决eclipse maven工程中src/main/resources目录下创建的文件夹所显示样式不是文件夹,而是"包"图标样式的问题 参考文章: (1)解决eclipse ma ...
- 打开桌面计算机不显示文件夹,Win10系统怎么让此电脑中的文件夹不显示?
Win10系统用户想将此电脑中的文件夹不再显示,却又不知道应该怎么来操作,非常苦恼,那么Win10系统应该怎么让此电脑中的文件夹不显示呢?接下来下面请看Win10系统让此电脑中的文件夹不显示的具体解决 ...
- git文件夹不显示绿勾
git仓库中文件夹不显示绿勾 网上很多关于配置电脑中的注册表编辑器的方式,但使用后发现没有起到作用.解决方案:检查电脑是否TortoiseGit,安装后即可显示.(平时只用IDEA管理git仓库,太久 ...
最新文章
- keras 的 example 文件 antirectifier.py 解析
- 线性代数:03 向量空间 -- 矩阵的零空间,列空间,线性方程组解的结构
- cannot assign module before Module.__init__() call
- Winform控件拖动
- 前端:JS/16/JavaScript简介,lt;script标记,常用的两个客户端输出方法,JS注释,JS变量(声明,命名规则,赋值),变量的数据类型(数值型,字符型)
- php laravel导入excel,Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
- 最新快手JS逆向分析
- PostgreSQL逻辑优化——整体架构
- Mathtype6.9保姆级安装教程,亲测可用-----经常踩坑
- 搜罗到一个简洁、支持免费听和下载全网音乐的网站
- table表单的修改和保存
- 什么是计算机的超级用户账号,administrator是什么意思
- python爬关键词百度指数_利用python+selenium_phantomjs批量获取百度指数 第一步 分析...
- 2021的科技卦象·雷·到元宇宙玩“躲猫猫”
- CAS 单点登录/登出 系统
- mysql性能问题小解 Converting HEAP to MyIsam create_myisa
- 干货|Stakeholder利益相关者讲解
- 巴西龟饲养日志----七月底巴西龟状况
- web安全之信息刺探防范(下)
- Windows--QT搭建MQTT开发环境详细过程