这个有 bug 怎么解决

来源:10-1 编程挑战

qq_e累_0

2015-12-22 22:07

window.onload = function(){

document.onmousedown = function(){

down = true;

document.onmousemove = function(){

if(down==true){

var x = event.clientX;

var y = event.clientY;

var ddd = document.createElement('div');

ddd.innerHTML = '<div style="width:5px;height:5px;background:red;position:absolute;top:'+y+'px;left:'+x+'px;"></div>'

document.body.appendChild(ddd);

}

}}

document.onmouseup = function(){

down = false;

}

}



这个 当鼠标先按下 再移动 没问题,,, 但是 当鼠标先移动然后再按下鼠标(速度要快,,猛一下子的那种)就会出现BUG...怎么解决。。。  用jquery 弄的没问题   但 jquery 库看不懂。

写回答 关注

1回答

  • 神爱灰太狼
    2015-12-24 18:17:43
    已采纳

    因为你在按下是加了移动事件,但是放开后却没有去除document.onmousemove事件,改下就好了

    document.onmouseup = function(){

    down = false;

    document.onmousemove = null;

    }


    qq_e累_...

    非常感谢!

    2016-02-14 21:16:00

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题