Shulou(Shulou.com)06/03 Report--

This article mainly introduces how to use drag-and-drop events in HTML5. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

Browser support

Internet Explorer 9, Firefox, Opera 12, Chrome, and Safari 5 support drag and drop.

Note: drag and drop is not supported in Safari 5.1.2.

HTML5 drag and drop instance

# div1 {width:488px;height:70px;padding:10px;border:1px solid # aaaaaa;} function allowDrop (ev) {ev.preventDefault ();} function drag (ev) {ev.dataTransfer.setData ("Text", ev.target.id);} function drop (ev) {ev.preventDefault (); var data=ev.dataTransfer.getData ("Text"); ev.target.appendChild (document.getElementById (data));}

Please drag and drop the picture of Aseoe logo into the rectangle: P > div >

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.