博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
MySQL_qps
查看>>
CentOS 6 下单独记录 iptables 日志
查看>>
windows7 centos6.3 双系统安装
查看>>
Kali 防火墙配置
查看>>
如何将excel导入SharePoint
查看>>
BGP联邦实验
查看>>
unicode vs uft8
查看>>
百度搜索技巧
查看>>
linux ssh无密码登录
查看>>
partprobe命令使用方法
查看>>
Curl测试网页响应时间(转载)
查看>>
python操作excel例子
查看>>
我的友情链接
查看>>
收集线上日志工具bug
查看>>
如何使用两台无线路由器进行无线桥接(互联)(转)
查看>>
NO space left on device错误与解决办法
查看>>
今夜你会不会上线
查看>>
php优化
查看>>
win7mmc远程桌面
查看>>
数据库连接池的作用及配置说明
查看>>