我必须移动一个div,点击它,再次点击,我必须停止在那个位置的div。现在的问题是:当我想再次移动div时,不激活mousemove事件.我怎么才能修好它?
$('.move_div').live('click', function() {
$('html').on('mousemove', function(e) {
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
下面有由"mousemove“事件执行的代码:
$("div").on("mousemove", function( event ) {
var k = 0;
var x = 0;
while(k<y){
k++;
x = k;
}
}
问题是,一旦循环已经运行并停止,并且鼠标从当前位置移动一个像素,并且没有满足条件,我松开了k++的值,即var x = k;,var x被重置为0(零),就像在循环之前一样。我需要保留var x = k++的值,以便以后使用,即使在游标移动之后也是如此
我在html5画布上制作了一些类似pacman的形状,当点击页面上的按钮时,它们现在可以跟随鼠标(无论鼠标在哪里移动)。除了跟随光标,当按下每个对应的按钮时,对象可以向四个方向移动(即左、右、上、下)。问题是,一旦单击了“跟随”按钮,即使单击了其他按钮,对象也会继续跟踪光标。我需要一种方式,有另一个按钮,可以点击,以中断“跟随”事件。如果这是不可能的,那么使用setInterval函数调用来设置后续事件的时间限制可能是可行的,但我不知道如何实现它。实现此功能的最佳方法是什么?“跟随”动画的代码如下:
function getMousePos(canvas, evt) {
我想在鼠标被按住的同时连续做一些事情,一旦松开就停止它。所以我有以下代码:
var timeout;
var y;
$(document).mousemove(function(event){
y = event.pageY;
$(document).mousedown(function(){
timeout = setInterval(function(event){
// Do something with y
}, 100);
});
$(document).
我想在mousedown event和mousemove上创建一个滑动幻灯片,但在mouseup上我想停止mousemove事件。
slide.addEventListener("mousedown", e => {
console.log(e.clientX);
});
slide.addEventListener("mousemove", function move(e) {
// do Somthing
});
slide.addEventListener("mouseup", function stop(e) {