画布、拖放事件、音视频
一、拖放事件 1.1 设置拖拽 给标签设置一个draggable设置为true, 标签就可以拖拽了 1.2 拖拽事件 1.2.1拖拽元素事件 (事件对象为被拖拽元素) ondragstart 拖拽前触发 ondragend 拖拽结束触发 ondrag 拖拽前、拖拽结束之间,连续触发 看实例: <div draggable="true"><img src="images/225.jpg" alt="" style="width:100px;height: 100px;" ></div> <script> var box = document.querySelector("div"); box.ondragstart = function(){ console.log("我被拖拽了!"); } box.ondrag = function(){ console.log("我在被拖拽的过程中"); } box.ondragend = function(){ console.log("拖拽结束了!"); } </script> 1.2.2 目标元素事件 (俗解:意思就是拖拽的元素放在哪里) ondragenter 进入目标元素触发,相当于mouserover ondragover 进入目标,离开目标之间,连续触发 ondragleave 离开目标元素触发,相当于mouseout ondrop