每天一个小问题 2021-10-06 16:36 采纳率: 70%
浏览 38
已结题

js的拖拽事件的鼠标抬起元素仍然运动的问题

<div style = "position: absolute;left: 0;top: 0;"></div>
function addEvent(elem , type , handle) {
    if(elem.addEventListener) {
        elem.addEventListener(type , handle , false);
    }else if(elem.attachEvent) {
        elem.attachEvent('on' + type, function(){
            handle.call(elem);
        })
    }else{
        elem['on' + type] = handle;
    }
}

具体代码如下：
<script>  
    function drag(ele){
        var disX,
            disY;
        var move = function(e){
                    var event = e || window.event;
                    ele.style.left = e.pageX - disX + "px";
                    ele.style.top = e.pageY - disY + "px";
                }
        var up =  function () {
                    move = null;
                    alert (1)
                }    
        var down = function(e){
                    disX = e.pageX - parseInt(ele.style.left);
                    disY = e.pageY - parseInt(ele.style.top);
                    addEvent(document , 'mousemove' , move)
                    addEvent(document , 'mouseup' , up)
                } 
        addEvent(ele , 'mousedown' , down)        
    }
    var div = document.getElementsByTagName('div')[0];    
    drag(div)
</script>
  • 写回答

1条回答 默认 最新

报告相同问题？

问题事件

  • 系统已结题 3月7日
  • 已采纳回答 2月27日
  • 创建了问题 10月6日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度