给document添加鼠标移动事件动鼠标不卡顿,给div img 元素添加事件就卡顿

黄龙俊 2020-11-21 11:25:30

在给document 添加事件 mousemove时, 鼠标移动完全不卡顿,而给div img 等元素添加鼠标移动事件,移动鼠标就会出现卡顿,这个是同一段代码,改成document移动不卡,改成元素移动就卡顿,请求大神给个方法解决一下

...全文

319 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

lqz_ha 2021-06-24

打赏
举报

回复

请问你是怎么解决卡顿的？

gqkmiss 2020-11-23

打赏
举报

回复

代码呢？代码贴一下看看

之前总是把移动事件绑定在div上，结果鼠标移动太快，div跟不上，事件就获取不到了，div就卡住了。现在将移动事件和取消事件绑定在document上，即使鼠标移出浏览器，div也能跟着移动。代码可以粘到下面在线编辑器试试。

写在最前针对于在vue中实现拖拽改变两左右个div大小的方式，请查看上一篇文章《vue中实现拖动调整左右两侧div的宽度》。此文章主要针对于实际应用中需要拖拽改变大小的组件中使用iframe框架时存在明显卡顿的问题，比如这样，右侧div中使用了一个iframe组件，导致实际操作中出现两个问题，一个是拖不动，另外一个是无法根据鼠标移动，快速响应，甚至在监听鼠标的按下和松开事件上都有明显的卡顿问题。如...

JS 事件基础 Document是一个最顶级的父节点，两个子节点分别为<!DOCTYPE>和HTML。 window.onload = function() { alert(document.childNodes[0].tagName); [0]=undefined [1]=HTML } Event对象，因为存在兼容性问题，所以通常处理如下： document.onmousemov...

在做公司项目的时候，有个需求，某个元素能在页面可视范围内随意拖动，还是可折叠的，而且不卡顿，还要根据页面中心线的位置让这个元素里面的内容在展开的时候，向上向下向左向右四个不同方向展开。先说拖动，思路就是利用jquery的mousemove，mousedown，mouseup三个事件，定义两个相对位置。 ...

I want to drag a div around using my own jQuery code.This example on jsfiddle works fine when the mouse movements are slowBut any fast movement pulls the mouse out of the box and the tracking is lost....

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章