模拟DIV的拖动,发出快速移动的鼠标指针

时间:2015-04-29 09:16:24

标签: javascript html css html5

我需要模拟拖动效果,基本上当用户clickkept hold鼠标放在DIV上时,它应该相应地重新定位到鼠标坐标(跟随鼠标)。

此脚本可以正常运行:

http://jsbin.com/vurumupoqu/1/

,当用户点击并按住非常靠近DIV的边缘并移动FAST并远离DIV外的鼠标时,在这种情况下不会被拖动一点都不。

我在mouseleavemouseout尝试了多项选项但没有成功。

即使用户在页面上的任何位置按住键时快速移动鼠标,我也需要拖动DIV。

我想知道:

  • 如何解决此问题? (我的意思是针对最新的Chrome和Firefix)。
  • 使用HTML5拖动可能是更好的选择吗?如果是,为什么?

1 个答案:

答案 0 :(得分:3)

library(dplyr) fun_mean <- function(x){return(round(data.frame(y=mean(x),label=mean(x,na.rm=T)),digit=2))} m <- dataset1 %>% group_by(Interest) %>% summarize(y=mean(Scored.Probabilities), label=mean(Scored.Probabilities,na.rm=T)) %>% arrange(desc(y)) idx <- as.character(m$Interest[1:10]) dataset2 <- filter(dataset1,Interest %in% idx) foo <- qplot(Interest, Scored.Probabilities, data = dataset2, geom = "boxplot"); foo <- foo + stat_summary(fun.y = mean, geom="point",colour="darkred",size=3) + stat_summary(fun.data = fun_mean,geom="text", vjust=-0.7) + 事件处理程序绑定到mousemove而不是元素本身:

document

http://jsbin.com/deyiwaqeqa/2/

说明

当您移动鼠标时,不会为每个像素触发document.addEventListener('mousemove', function (event) { console.log('+ mousemove') this.logicDrag(); }.bind(this)); 事件。这意味着鼠标可能已离开mousemove - 在移动#target之前匹配新的鼠标位置。