zoukankan      html  css  js  c++  java
  • html5 拖放

    1.先设置元素可拖放

    <img draggable="true" />

    2.拖动谁 ev拖动的元素      

    ev.target.id元素的ID

    //放到哪里

    function allowDrop(ev)
    {
    ev.preventDefault();
    }



    function drag(ev)
    {
    ev.dataTransfer.setData("Text",ev.target.id);
    }
    3.放到何处
    function drop(ev)
    {
    ev.preventDefault();//如果需要设置允许放置,我们必须阻止对元素的默认处理方式。
    var data=ev.dataTransfer.getData("Text");//这获取的是个ID
    ev.target.appendChild(document.getElementById(data));//放到可放置元素的里面,使其成为他的child
    }

    
    
    
    
  • 相关阅读:
    闭包
    线程与进程
    异常处理
    socket编程
    面向对象编程
    模块
    正则表达式
    递归、二分查找、冒泡算法
    装饰器
    迭代器与生成器
  • 原文地址:https://www.cnblogs.com/joer717/p/9009704.html
Copyright © 2011-2022 走看看