drag and drop api

Doubtful Dolphin answered on May 30, 2022 Popularity 9/10 Helpfulness 1/10

answer drag and drop api

drag and drop api

Comment

Tip Doubtful Dolphin 1 GREPCC

<script>
  function dragstart_handler(ev) {
    // Add the target element's id to the data transfer object
    ev.dataTransfer.setData("text/plain", ev.target.id);
  }

  window.addEventListener('DOMContentLoaded', () => {
    // Get the element by id
    const element = document.getElementById("p1");
    // Add the ondragstart event listener
    element.addEventListener("dragstart", dragstart_handler);
  });
</script>

<p id="p1" draggable="true">This element is draggable.</p>

xxxxxxxxxx

<script>

  function dragstart_handler(ev) {

    // Add the target element's id to the data transfer object

    ev.dataTransfer.setData("text/plain", ev.target.id);

  window.addEventListener('DOMContentLoaded', () => {

    // Get the element by id

    const element = document.getElementById("p1");

    // Add the ondragstart event listener

    element.addEventListener("dragstart", dragstart_handler);

});

</script>

<p id="p1" draggable="true">This element is draggable.</p>

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: developer.mozilla.org

Tags: api drag-and-drop whatever

Link to this answer
Share Copy Link

Contributed on May 30 2022

Doubtful Dolphin

0 Answers Avg Quality 2/10

drag and drop api

Contents

More Related Answers

drag and drop api

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.