鼠标移动-为什么用document.body会出bug呢

问题描述

为什么用document.body会出bug呢

<!DOCTYPE html>

<br>
div{<br>
height: 100px;<br>
width: 100px;<br>
background-color: red;<br>
position: absolute;<br>
}<br>

<br>
var div1=document.getElementById(&quot;div1&quot;);<br>
div1.addEventListener(&quot;mousedown&quot;,getDiv,false)<br>
div1.addEventListener(&quot;mouseup&quot;,delDiv,false)<br>
// document.body.addEventListener(&quot;mousemove&quot;,move,false);<br>
function getDiv(){<br>
var oevent=window.event||arguments[0];<br>
div1.style.cursor=&quot;move&quot;;<br>
document.addEventListener(&quot;mousemove&quot;,move,false);<br>
// div1.style.left=oevent.clientX;<br>
// div1.style.top=oevent.clientY;<br>
}<br>
function move(){<br>
var oevent=window.event||arguments[0];<br>
div1.style.left=oevent.clientX-50+&quot;px&quot;;<br>
div1.style.top=oevent.clientY-50+&quot;px&quot;;<br>
}<br>
function delDiv(){<br>
div1.style.cursor=&quot;auto&quot;;<br>
var oevent=window.event||arguments[0];<br>
div1.style.left=oevent.clientX-50+&quot;px&quot;;<br>
div1.style.top=oevent.clientY-50+&quot;px&quot;;<br>
document.removeEventListener(&quot;mousemove&quot;,move,false);<br>
}<br>

这段代码中为什么用document.body.addEventListener("mousemove",move,false);添加事件在鼠标快速移动时会出现bug

相关文章


  • webbrowser点击指定连接
  • winfrom控件-c# webbrowser怎么在里面显示一个鼠标在上面
  • 在网页上做出这样一个小程序,老鼠跟随鼠标移动的问题。
  • javascript-用JS改滚动条数值的小问题,谢谢了
  • android-使用 AchartEngine 点击 pie chart 中的一些部分,有时候会出 bug
  • 移动-前台框架使用的easyui 我在前台拼接了一个table,怎么才能浮动显示。
  • 项目名字消失啦,是eclipse的BUG吗?
  • 想让一个图片在窗口里弹动,碰到页面边框则反弹。
  • javascript-将canvas的画append给body充当背景图,但出现奇怪效果
  • vs2010-VS2010运行代码成功,但会出bug

【云栖快讯】他,一路保送,但可能不是你想象中的学霸; 他,曾是微软最年轻的技术管理者,挑战带领跨国团队; 他,后来加入阿里,成为阿里西雅图分部的第22名员工; 他,就是阿里通用计算平台负责人关涛! 通过短视频,为你揭晓他的成长和开发计算平台的经历,以及他对未来的展望!  详情请点击

热门推荐


  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇


  • js lungo js quo js-Lungo.js运行不了,已技穷
  • extjs java-请问使用extjs进行文件上传,extjs前台代码和java后台代码应该怎么写
  • android-如何把多个app功能整合到一个app里?

后三篇


  • j uery ajax-jquery 报错提示有未定义
  • spring注入-spring 注入时 子类父类注入 后子类属性为空
  • sql asp net-这种情况的sql语句怎么写

(yq.aliyun.com)为您免费提供鼠标移动-为什么用document.body会出bug呢相关信息,包括
事件
鼠标移动
的信息
,所有鼠标移动-为什么用document.body会出bug呢相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_52524,您可以点击鼠标移动-为什么用document.body会出bug呢-手机站访问。

时间: 2024-08-31 07:17:00

鼠标移动-为什么用document.body会出bug呢的相关文章

交互设计-MFC用鼠标点击则在该点画出一个十字

问题描述 MFC用鼠标点击则在该点画出一个十字 要点鼠标左键的时候,在鼠标移动到的位置上显示,而且不能被重绘刷掉(擦掉) 可能是以下步骤吧,在OnDraw中用PDc画 "第一步:定义一个成员变量,用来记录想显示的点.CPoint m_destPoint = new CPoint(-1,-1); 第二步:在OnMouseDown事件里,判断是鼠标左键时,给m_destPoint赋值.然后调用Invalidate()强制刷新 第三步:在OnDraw()事件里,正常绘制处理之后,判断坐标点是否有效,如

eclipse设置鼠标在错误处悬停时弹出更正提示

问题描述 eclipse设置鼠标在错误处悬停时弹出更正提示 eclipse如何设置鼠标在错误处悬停时弹出更正提示,就是相当于按ctrl+1 的功能,以前是会自动弹出提示的,现在不知道为什么不可以了

jquery-用mouseover添加一个鼠标经过的样式,但是滑出时怎么恢复之前的样式?

问题描述 用mouseover添加一个鼠标经过的样式,但是滑出时怎么恢复之前的样式? $("#updPwd").mouseover(function () { $(".pwd").removeClass("pwd").addClass("pwd_hover"); }).mouseout(function () { $(".pwd").removeClass("pwd_hover").ad

android-使用 AchartEngine 点击 pie chart 中的一些部分,有时候会出 bug

问题描述 使用 AchartEngine 点击 pie chart 中的一些部分,有时候会出 bug 我使用 AchartEngine 制作一个 pie chart,如下:Pie Chart 图像 我给所有的颜色部分都添加了onclick事件,但是有时候绿色部分不能点击. mChartView = ChartFactory.getPieChartView(this, adc.buildCategoryDataset("Project budget", values), renderer

vs2010-VS2010运行代码成功,但会出bug

问题描述 VS2010运行代码成功,但会出bug 解决方案 调试成功不代表你程序正确.调试成功只是说你的程序在不触及里面的功能,只是构建框架是正确的.功能性的比如数组越界之类都能通过调试的.假如是登录后出错就把你的登录段代码贴出来,或者把在vs上跳出出错的异常贴出来.

bugzilla 软件测试-bugzilla创建两个产品后,新建bug,不出bug填写界面!!!

问题描述 bugzilla创建两个产品后,新建bug,不出bug填写界面!!! 各位大侠,本人小白,今天设置完bugzilla后,在产品中新建了一个产品后,点击新建bug,出现bug填写界面,然后再填写了一个产品,点击新建bug,不是跳转到新建bug界面,而是出现如下信息: 此页面可让你编辑预设的使用偏好值. 每项偏好的「预设值」将会适用于所有未选择自己的偏好设置的使用者,以及未登入的访客. 「启用」的勾选框控制此一偏好值是否可供使用者选用. 如果勾选,使用者可以在他们的偏好设置页面看见此一偏好

Win10创意者更新刚发布 夜间模式就出BUG

Win10创意者更新刚发布 夜间模式就出BUG 据外媒报道,微软刚刚才推出Windows 10 Creators Update更新没多久,就用用户爆出,升级更新后Windows10"夜间模式"似乎不能正确关闭. Win10创意者更新夜间模式出BUG(图片来自baidu) 据Reddit网友反映,"夜间模式"似乎不能正确关闭.一位网友写道,自己基于地理位置日升日落时间启用夜间模式自动启闭,但是当他晚上关了电脑后,早上打开时发现,夜间模式没有自动关闭. 不过目前微软尚未

《幻想三国》新版本出BUG 游戏回档玩家权益受损

2011年1月11日,<幻想三国>在贺岁版更新后发现重大BUG,于当日下午18点左右进行了回档处理.虽然此次回档对玩家造成了很大的影响,但官方反应迅速.处理及时,在修复游戏的同时,公布了回档补偿措施,尽可能的降低了玩家损失. 新版本出BUG 游戏回档玩家权益受损 1月11日早7点,<幻想三国>进行了贺岁新版本更新,9点钟正式开放.当天晚上18点左右,玩家突然掉线,发现游戏无法正常登陆.向客服问询后得知,因为游戏新版本出现重大BUG,因此将对玩家数据进行回档,回档恢复至11日9点时的

Win7鼠标右键无反应菜单无法弹出怎么办

  很多朋友在使用win7 64位旗舰版iso系统的时候会有一些问题现象出现,比如说有些同学会发现自己的鼠标右键没有使用功能一样,点击了一点感觉都没有,好像是自己的鼠标被什么控制住了,点击不出来一样,菜单无法弹出,这样就导致很多的功能不能使用,非常的不方便,所以如何来解决这个问题,大家就来看这个方法行不行吧! 解决方法如下: 1.我们需要先打开我们的菜单功能然后找到一个附件的功能,然后在找到命令这个选择,然后用鼠标选择管理员身份运行电脑,点击以后再进行下一步的操作才行. 2.然后我们在把下面我们