pan_cras 2016-07-19 08:56 采纳率: 100%
浏览 1202
已采纳

捕获鼠标事件拖动的js代码 拖动窗口

HTML-body:

可拖动标题

可被拖动的窗口

窗口内容

按住shift可拖动
JavaScript:
function drag(target,event){ var startX = event.clientX; var startY =
event.clientY;
    var origX = target.offsetLeft; var origY = target.offsetTop;

    var deltaX = startX - origX; var deltaY = startY - origY;

    target.setCapture();

    target.attachEvent("onmousemove",moveHandler);

    target.attachEvent("onmouseup",upHandler);

    target.attachEvent("onlosecapture",upHandler);

    event.cancelBubble = true; event.returnValue = false;

    function moveHandler(){ var evt = window.event;

        target.style.left = (evt.clientX- deltaX)+"px";

        target.style.top = (evt.clientY- deltaY)+"px";

        evt.cancelBubble = true; }

    function upHandler(){ var evt = window.event;

        target.detachEvent("onlosecapture",upHandler); 
        target.detachEvent("onmouseup",upHandler); 
        target.detachEvent("onmousemove",upHandler);

        target.releaseCapture();

        evt.cancelBubble = true; } }

这是一个捕获鼠标事件拖动的js代码,为什么语法错误?
图片说明

  • 写回答

1条回答 默认 最新

  • danielinbiti 2016-07-19 09:00
    关注
     attachEvent 有浏览器兼容性问题
     IE11不支持,firefox不支持
     判断一下
     if (window.attachEvent) { 
                    window.attachEvent("onmousemove", remove); 
                } else if (window.addEventListener) { 
                    window.addEventListener("onmousemove", remove, false);   
                } 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟,应力应变曲线问题
  • ¥30 python代码,帮调试,帮帮忙吧
  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建