Html5 dragdrop
生活随笔
收集整理的這篇文章主要介紹了
Html5 dragdrop
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面是一個拖放例子
定義如下的兩個div，分別是用于拖放后放置新元素的容器和可拖動的元素；
定義Javascript方法，用于處理拖放事件；
分析：
- draggable="true"; // 設置元素可拖動;
- ondragstart&setData; // 在ondragstart回調方法中調用setData來設置被拖動數據的值，如果不調用setData，則拖動事件不會繼續傳遞下去；
- ondragover; // 該事件規定在何處旋轉被拖動的數據，默認無法將數據/元素旋轉到其它元素中，如果要設置成允許旋轉，必須阻止對元素的默認處理方式；
- ondrap; // 當放置被拖放數據時，會觸發ondrop回調事件，在ondrop中對拖放進行處理;
Step
瀏覽器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
注：在 Safari 5.1.2 中不支持拖放。
ref: http://www.w3school.com.cn/html5/html_5_draganddrop.asp
轉載于:https://www.cnblogs.com/284628487a/p/6273365.html
總結
以上是生活随笔為你收集整理的Html5 dragdrop的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： (王道408考研操作系统)第一章计算机系
- 下一篇： 3-7：常见任务和主要工具之文本处理