zoukankan      html  css  js  c++  java
  • 拖放图片

    <!DOCTYPE HTML>
    <html>
    <head>
        <style type="text/css">
            #div1 {width:488px;height:70px;border:1px solid #aaaaaa;}
        </style>
        <script type="text/javascript">
            function drop(ev){
                ev.preventDefault();
                var data=ev.dataTransfer.getData("Text");
                ev.target.appendChild(document.getElementById(data));
            }
            function allowDrop(ev){//ondrop - 在一个拖动过程中,释放鼠标键时触发此事件
                ev.preventDefault();
            }
            function drag(ev){
                ev.dataTransfer.setData("Text",ev.target.id);
            }
        </script>
    </head>
    <body>
        <!--  ondrop - 在一个拖动过程中,释放鼠标键时触发此事件 -->
        <!-- ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 -->
        <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
        <img id="drag1" src="./img/1.gif" draggable="true" ondragstart="drag(event)" />
    </body>
    </html>
  • 相关阅读:
    0919 作业
    0918 登录注册
    20190918 文件处理
    20190917 字符编码
    0916 作业
    0916 数据类型与深浅拷贝
    0913 作业
    0912 for循环及内置方法
    0911 作业
    Ubuntu同时忘记用户密码和root密码
  • 原文地址:https://www.cnblogs.com/rysly/p/tuofang.html
Copyright © 2011-2022 走看看