本文簡單介紹一下HTML5的拖放實現。
拖放(Drag 和 drop)是 HTML5 標準的組成部分。
瀏覽器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素,dragElement :
(1)添加事件:ondragstart
(2)添加屬性:dragable
放置元素,dropElement:
1、添加事件:ondargenter , ondragover , ondragleave , ondragend ,ondrop
和mouser劃入劃出一類的事件很類似,字面也很好理解,不贅述了,下面會用例子來說明。
2、頁面上元素間的拖放
下面用個小例子,div間的拖放來展示,各個事件如何被觸發:
新聞熱點
疑難解答