说一下 HTML5 drag API
dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发。
darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。
dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。
dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。
dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。
drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。
dragend:事件主体是被拖放元素,在整个拖放操作结束时触发。
HTML5 的新特性:
-
语义化标签:引入了一些新的标签,如
<header>
、<footer>
、<nav>
、<section>
等,更好地描述网页结构和内容。 -
表单增强:提供了新的表单输入类型,如日期选择器、邮箱验证、数字输入等。还引入了表单验证、表单自动完成功能等增强。
-
视频和音频支持:支持使用
<video>
和<audio>
标签嵌入视频和音频内容,同时提供了控制和自定义媒体播放的 API。 -
Canvas 绘图:引入了
<canvas>
标签和相应的 API,可以使用 JavaScript 在网页上绘制图形、动画和游戏。 -
本地存储:提供了 Web Storage 和 IndexedDB API,可以在客户端浏览器中存储和访问数据,用于离线应用和缓存。文章来源:https://www.toymoban.com/news/detail-570559.html
IndexedDB API相当于h5前端数据库可以存储数据:https://blog.csdn.net/qq_41581588/article/details/124744083文章来源地址https://www.toymoban.com/news/detail-570559.html
到了这里,关于说一下 HTML5 drag API的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!