博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 元素拖动
阅读量:5934 次
发布时间:2019-06-19

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

1、拖动元素img的相关设置:

  设置元素可以拖动属性

draggable="true"

  设置元素被拖动时触发的事件

οndragstart="drag(event)"

图片元素可拖动的完整代码

HTML:

Javascript:

2、设置允许拖动对象放置的元素div:

  允许拖动图片放置在div内,阻止对事件的默认处理方式,在div内添加属性

οndragοver="allowDrop(event)"

  放置时触发的事件

οndrοp="drop(event)"

div元素可放置拖动img的完整代码

HTML:

Javascript:

3、把两张图片img拖动到一个div中,并排放置完整代码

HTML:

    

CSS:

Javascript:

 

转载于:https://www.cnblogs.com/heyuheitong/p/3999045.html

你可能感兴趣的文章
IT项目管理-----给年轻工程师的十大忠告
查看>>
mysqld -install命令时出现install/remove of the service denied错误的原因和解决办法
查看>>
玩家游戏状态
查看>>
Android 小技巧-- TextView与EditText 同步显示
查看>>
苹果企业版帐号申请记录
查看>>
C++ Error: error LNK2019: unresolved external symbol
查看>>
Bitmap 和Drawable 的区别
查看>>
Java操作mongoDB2.6的常见API使用方法
查看>>
信息熵(Entropy)究竟是用来衡量什么的?
查看>>
如何给服务器设置邮件警报。
查看>>
iOS 数据库操作(使用FMDB)
查看>>
CEF js调用C#封装类含注释
查看>>
麦克劳林
查看>>
AOP概念
查看>>
jquery插件
查看>>
python time
查看>>
C#使用Advanced CSharp Messenger
查看>>
SharePoint Online 创建门户网站系列之首页布局
查看>>
SVN高速新手教程
查看>>
FSMC(STM32)
查看>>