分类

商品

商品

店铺

资讯

热门搜索 : WordPress 织梦企业官网小说源码 Discuz

服务器低至9.9￥/月

当前位置：首页 > 资讯 > 网页前端 > HTML

HTML5脚本编程（二）

时间：2018-07-09 22:25 作者：javascript程序设计来源：javascript程序设计阅读：1004
扫一扫，手机访问

摘要：拖放事件拖动元素时将依次触发下列事件dragstartdragdragend按下鼠标将触发dragstart，拖动开始时，能通过ondragstart事件来运行脚本代码，触发dragstart事件后，随即会触发drag事件，拖动期间会持续触发该事件。拖动中止会触发dragend事件。当一个元素被放置

拖放事件

拖动元素时将依次触发下列事件

dragstart
drag
dragend

按下鼠标将触发dragstart，拖动开始时，能通过ondragstart事件来运行脚本代码，触发dragstart事件后，随即会触发drag事件，拖动期间会持续触发该事件。拖动中止会触发dragend事件。

当一个元素被放置在有效位置时，会依次触发下列事件

dragenter:拖动到放置目标上触发
dragover：拖动的元素还在放置目标范围内移动，就会持续触发
dragleave或者drop，元素移出放置目标触发dragleave,假如元素放到了放置目标中则会触发drop

自己设置放置目标

在拖动元素经过某些无效的放置目标时，我们会看见一个禁止的标志，不过你可一把任何元素变成有效的放置目标，方法就是重写dragenter和dragover事件的默认行为。示例如下

全部评论(0)

上一篇：HTML5培训 HTML5数据分析
下一篇：H5（HTML5)的详情以及各种应使用

最新发布的资讯信息
【系统环境|】Tiktok登录教程(2023-02-13 14:17)
【系统环境|】ZORRO佐罗软件安装教程及一键新机使用方法详细简介(2023-02-10 21:56)
【系统环境|】补单系统搭建补单源码搭建(2022-05-18 11:35)
【系统环境|服务器应用】高端显卡再度登上热搜，竟然是因为“断崖式”的降价(2022-04-12 19:47)
【系统环境|软件环境】一步步教你开发、部署第一个去中心化应用 - 宠物商店(2022-03-15 15:13)
【系统环境|软件环境】循序渐进！一文学会高性能开发十大必需掌握的核心技术。(2022-03-15 15:13)
【系统环境|软件环境】Python游戏开发，pygame模块，Python实现贪吃蛇小游戏(2022-03-15 15:13)
【系统环境|软件环境】Spring Cloud Feign 记录单个服务耗时并处理 Hystrix 线程隔离模式!(2022-03-15 15:13)
【系统环境|软件环境】js数组方法全解(2022-03-15 15:12)
【系统环境|软件环境】字节二面：小伙子你来说下什么是伪共享？如何避免？(2022-03-15 15:12)

牛兔源码

店铺

血鸟云

推荐商品

资讯排行榜
更多>>

手机访问领取大礼包