Muitas funções são implementadas no PC do HTML5 e os uploads de arrasto também são usados no trabalho.
Evento de gatilho (elemento de origem) no alvo de arrasto:ONDRAGSTART -UERS TIGER quando o usuário começa a arrastar o elemento
ONDRAG -Element é acionado ao arrastar
ONDRAGEND -User Conclusão Elemento Drago Trigger
Evento acionado ao lançar o alvo:Ondragenter -Triggered este incidente quando o objeto arrastado pelo mouse entra em seu contêiner
ONDRAGOVER -Quando um objeto arrastado é arrastado dentro da faixa de outro contêiner de objeto, ele desencadeia este incidente
Ondragleave -Trigger este incidente quando o objeto arrastado pelo mouse deixa o contêiner
ONDROP -Durante um arrasto, ele desencadeia este evento quando libera a tecla do mouse
Codificação
<html lang = en> <head> <meta charset = utf-8> <title> 拖拽 </title> <style> .box {width: 800px; altura: 600px; float: esquerda;} #box1 {background- Cor: #ccc;}#box2 {background-color:#000;} </style> </ad 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> <cript> 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 = DropImghandler; .ondrop = Dropimghandler;} Função Dropimghandler (e) {showobj (e); j) {s+= k+:+obj [k]+<br/>;} msgdiv.innerhtml = s;} </script> </html>Essa função pode arrastar a imagem para o método nos dois divs à esquerda e à direita.
A seguir, é apresentado um código de arrastar e fazer upload.
<! heig ht: 500px;} </style> </ading> <body> <div id = imgContainer> </div> <div id = msg> </body> <cript> var imgContainer, msgdiv; (E) {imgContainer = document.getElementById ('imgContainer'); E.PreventDefault (); // O seguinte é o processo exibido no imgContainer após a obtenção da imagem. /> //} // firster.readasdataurl (f); obj [k]+<br/>;} msgdiv.innerhtml = s;} </script> </html>O acima é todo o conteúdo deste artigo.