博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现多个div块之间相互拖放,调换位置
阅读量:5737 次
发布时间:2019-06-18

本文共 399 字,大约阅读时间需要 1 分钟。

hot3.png

[html] view plain copy                

ni hao!

Hello world!

 

上面是代码,保存为html,然后用浏览器打开,可以查看效果。

简要说一下,上面的函数:

ondrop: 拖到目的地放下之后要做的处理,这里自定义drop(event,this)函数,互换两个的innerHTML

ondragover:当拖动链接等有默认事件的元素时,要在ondragover事件中用ev.preventDefault()阻止默认事件。否则drop事件不会触发。

draggable:允许拖动

ondragstart:选取拖动目标要做的处理,这里保存拖动目标的innerHTML.

 

转载于:https://my.oschina.net/u/2436852/blog/918148

你可能感兴趣的文章
mysql 行转列列转行
查看>>
《设计模式系列》---桥接模式
查看>>
[Unity3d]Shader 着色器 学习前了解知识
查看>>
Linux中文件颜色所代表的属性和颜色
查看>>
Redrain duilib中事件委托存在的问题
查看>>
43、我的C#学习笔记9
查看>>
网站建表实践及优化
查看>>
字符串的简单操作
查看>>
C#新功能--命名参数与可选参数
查看>>
strtok和strtok_r
查看>>
维辰超市:借助云商城成功转型新零售
查看>>
web.xml中<load-on-start>n</load-on-satrt>作用
查看>>
1061. Dating (20)
查看>>
【算法】CRF
查看>>
windows 8 微软拼音输入法
查看>>
Windows UI风格的设计(7)
查看>>
SQL中使用WITH AS提高性能 使用公用表表达式(CTE)简化嵌套SQL
查看>>
oracle 强行杀掉一个用户连接
查看>>
Git提交本地库代码到远程服务器的操作
查看>>
灾难拯救——让软件项目重回轨道
查看>>