Довольно много функций реализовано на ПК HTML5, а также используются загрузки.
Событие триггера (исходный элемент) на целевой перетаскивании:Ondragstart -users триггер, когда пользователь начинает перетаскивать элемент
Ondrag -элемент запускается при перетаскивании
Ondragend -User element Element Trag Trigger Trigger
Событие вызвано при выпуске цели:Ondragenter -это произошел, когда объект перетаскивал мышью, вступает в свой контейнер
Ondragover -Когда перетащенный объект перетаскивается в диапазоне другого контейнера объекта, он запускает этот инцидент
OnDragLeave -Trigger Этот инцидент, когда объект перетаскивается мышью, покидает контейнер
Ondrop -за счет сопротивления, он вызывает это событие, когда выпускает ключ мыши
Кодирование
<html lang = en> <head> <meta charset = utf-8> <title> 拖拽 </title> <style> .box {width: 800px; высота: 600px; float:} #box1 {founke- Цвет: #CCC;}#Box2 {founal-Color:#000;} </style> </head> <body> <div id = box1 class = box> </div> <div id = box2 class = box> </div> <img id = img1 src = 1.jpg> <div id = msg> </div> </body> <script> var box1div, box2div, msgdiv, img1; = Document.getElementById ('box1'); E) {e.preventDefault ();} box2div.ondragover = function (e) {e.preventDefault ();} img1.ondragstart = function (e) d ',' img1 ');} box1div.ondrop = dressimghandler; .ONDROP = DROPIMGHANDLE;} FUNCTION DROPIMGHANDLE (E) {ShowObj (e); j) {s+= k+:+obj [k]+<br/>;} msgdiv.innerhtml = s;} </script> </html>Эта функция может перетаскивать картинку в метод в двух Divs слева и справа.
Ниже приведен код перетаскивания и загрузки.
<! HEIG HT: 500px;} </style> </head> <body> <div id = imgcontainer> </div> <div id = msg> </body> <script> var imgcontainer, msgdiv; (E) {imgcontainer = document.getElementById ('imgcontainer'); e.preventdefault (); // Ниже приведен процесс, отображаемый в Imgcontainer после получения изображения. ///} // firster.readasdataurl (f); obj [k]+<br/>;} msgdiv.innerhtml = s;} </script> </html>Приведенное выше содержимое этой статьи.