Effet glisser-déposer simple utilisant les compétences js_javascript

<script><br>           window.onload = function () {<br> //Récupère le div qui doit être glissé <br>             var div1 = document.getElementById("div1");<br> //Ajouter un événement de pression de souris<br>             div1.onmousedown = fonction (evt) {<br>               var oEvent = evt || événement ;<br>                                 // Obtenez la distance entre le bouton de la souris et le div en haut à gauche <br>             var distanceX = oEvent.clientX - div1.offsetLeft;<br>             var distanceY = oEvent.clientX - div1.offsetTop;<br> //Ajouter un temps de glissement du document<br> document.onmousemove = fonction (evt) {<br>                   var oEvent = evt événement ;<br> //Recalcule la valeur supérieure gauche du div<br>                   var left = oEvent.clientX - distanceX;<br>                   var top = oEvent.clientY - distanceY;<br> //left Lorsqu'il est inférieur ou égal à zéro, défini sur zéro pour empêcher le div d'être retiré du document <br> Si (gauche <= 0) {<br />                                gauche = 0 ;<br />                  }<br /> //Lorsque la gauche dépasse la limite droite du document, définissez-la sur la limite droite<br />                               else if (left >= document.documentElement.clientWidth - div1.offsetWidth) {<br>                                 left = document.documentElement.clientWidth - div1.offsetWidth;<br>                  }<br> Si (haut <= 0) {<br />                            top = 0;<br />                  }<br />                             else if (top >= document.documentElement.clientHeight - div1.offsetHeight) {<br> Top = document.documentElement.clientHeight - div1.offsetHeight;<br>                  }<br> //Réaffecter la valeur au div<br>                   div1.style.top = top "px";<br>                                                    div1.style.left = left "px";<br>                 }<br> //Ajouter un événement de levage de souris<br>              div1.onmouseup = function () {<br>                                                                                                                                                document.onmousemove = null;<br>                 div1.onmouseup = null;<br>                 }<br>             }<br> ><br> </script>