Führen Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird-HTML-Tutorial-php.cn

Führen Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird

WBOY

Freigeben： 2023-09-08 19:45:02

nach vorne

630 Leute haben es durchsucht

Führen Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird

Das Attribut ondragenter wird ausgelöst, wenn ein Element auf ein gültiges Ablageziel in HTML gezogen wird.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um ondragenter Properties -

<!DOCTYPE HTML>
<html>
   <head>
      <style type = "text/css">
         #boxA, #boxB {
            float:left;padding:10px;margin:10px; -moz-user-select:none;
         }
         #boxA { background-color: #6633FF; width:75px; height:75px; }
         #boxB { background-color: #FF6699; width:150px; height:150px; }
      </style>
      <script type = "text/javascript">
         function dragStart(ev) {
            ev.dataTransfer.effectAllowed = &#39;move&#39;;
            ev.dataTransfer.setData("Text", ev.target.getAttribute(&#39;id&#39;));
            ev.dataTransfer.setDragImage(ev.target,0,0);
            return true;
         }
      </script>
   </head>
   <body>
      <center>
         <h2>Drag and drop HTML5 demo</h2>
         <div>Try to drag the purple box around.</div>
         <div id = "boxA" draggable = "true"
            ondragstart = "return dragStart(ev)">
            <p>Drag Me</p>
         </div>
         <div id = "boxB">Dustbin</div>
      </center>
   </body>
</html>

Nach dem Login kopieren

zu erreichen

Das obige ist der detaillierte Inhalt vonFühren Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!