标签: mousemove

好的,这对于跟随我的鼠标非常好.

//
$(document).mousemove(function(e){
  $("#follower").css({
      'top': e.pageY + 'px';
      'left': e.pageX + 'px';
  });
});
//

这非常适合将鼠标设置为点击点

//
$(document).click(function(e){
  $("#follower").animate({
      top: e.pageY + 'px';
      left: e.pageX + 'px';
  }, 800);
});
//

但我个人认为这应该是理所当然的!来自我的观点作为webscripter.Amd然后我的问题是,我怎么能做这个工作.我希望#follower尝试用一种动态的落后感觉跟随我的鼠标.

//
$(document).mousemove(function(e){
  $("#follower").animate({
      top: e.pageY + 'px';
      left: e.pageX + 'px';
  }, 800);
});
//

http://jsfiddle.net/MrkY9/

我的计算机(到目前为止,我的同事中没有其他计算机)在Chrome,IE和Safari(但不是Firefox)中出现问题.简单的mousemove代码,例如以下(已在上面的小提琴上运行)正确捕获mousemove事件,但只要鼠标在div中,mousemove每秒捕获一个事件 - 即使我不再移动鼠标.

var number = 0;
$("#foo").on("mousemove", function() { this.innerHTML = number++ });

这似乎是一个基于浏览器的问题,因为它没有在FireFox上展示.(它也不会出现在Windows本身.即使计数器正在上升,如果我单独留下键盘和鼠标,我的屏幕保护程序最终会启动.)在结束之前,这不是系统问题,我尝试更换鼠标并切换插入的USB端口.毫不奇怪,这些解决方案都没有解决这个问题.

我还没有弄清楚如何在浏览器中使用除javascript以外的任何东西进行测试.

问题:有没有人遇到过这个问题？我需要做些什么才能抓住它？我的代码远不如这个依赖于了解鼠标何时移动的小提琴.

我在Delphi中制作看起来像Paint的东西.我找到了如何制作缩放功能:

procedure SetCanvasZoomFactor(Canvas: TCanvas; AZoomFactor: Integer);
var
  i: Integer;
begin
  if AZoomFactor = 100 then
    SetMapMode(Canvas.Handle, MM_TEXT)
  else
  begin
    SetMapMode(Canvas.Handle, MM_ISOTROPIC);
    SetWindowExtEx(Canvas.Handle, AZoomFactor, AZoomFactor, nil);
    SetViewportExtEx(Canvas.Handle, 100, 100, nil);
  end;
end;



procedure TMainForm.btnZoomPlusClick(Sender: TObject);
var
  bitmap: TBitmap;
begin 

  bitmap := TBitmap.Create;
  if(zoomVal < 1000) then
      zoomVal:=zoomVal+zoomConst; //zoomVal = 100 by default; zoomConst = 150;
  try
    bitmap.Assign(MainForm.imgMain.Picture.Bitmap);
    SetCanvasZoomFactor(bitmap.Canvas, zoomVal);
    Canvas.Draw(MainForm.imgMain.Left,MainForm.imgMain.Top, bitmap); 
  finally
    bitmap.Free
  end;
end;

但是,问题是 - 它仅缩放图像的左上区域.

缩放前的示例: 放大后:

我希望能够在缩放后移动所有图片区域.我该怎么做？

我这里有一个奇怪的问题.

我正在开发一个应用程序,在我的一个类中,我正在监视我的鼠标事件.

奇怪的是,如果按下任何鼠标按钮,我的鼠标移动事件将被调用.

我甚至没有过滤方法中的任何按钮按下; 除非我点击这个对象本身(正在监视它的对象),否则该方法本身甚至不会被调用.

通常会导致此类错误发生的原因是什么？

我不确定它是否相关,但我有两个不同的东西监视我的鼠标输入:1)主程序监视全局鼠标坐标,2)我的程序中的一个对象监视自身内的鼠标坐标.

编辑 所以问题必须是因为当人们沿着屏幕向右拖动光标时,通常会使用鼠标移动事件？我不需要它的原因是因为我正在构建各种自定义上下文菜单,我需要知道项目何时悬停.

我正在寻找一种在Mac OS X 10.6中模拟鼠标移动事件的方法.它必须以鼠标单位(而不是像素)来定义 - 这很重要!

我需要这个基本上由绘图线组成的实验.

欢迎任何想法.

谢谢!

我有一个对象,可以在每个鼠标移动时打印鼠标的x和y位置.

它是这样的:

$('#canvas').mousemove(function(e){
    $('#output').prepend(e.pageX + ',' + e.pageY);
});

我注意到,当你快速移动物体时,它只打印出几个位置.

我并不十分不满意它(因为让它为你所穿过的所有数百个像素做一些事情会非常详尽)但是我想知道它是如何工作的.

mousemove事件是否限制为每秒一定量的触发器或什么？

(顺便说一句:这是在Ubuntu Linux中的Chromium上测试过的)

我知道mousefocus选项只适用于gVim.但我想知道,如果可以让控制台Vim切换到不同的窗口以响应鼠标点击,那么它是否也不可能轻松添加以下鼠标移动？

我是一个xmonad用户,我喜欢关注指针功能后的焦点,我在Vim写作的时候做了很多pdf查看和浏览,如果我不必保持精神上的切换,我会更开心在两种不同类型的焦点变化之间.

如果这完全不可能,我想在新的终端实例中打开新的Vim窗口(如:拆分)并不容易吗？

我试图制作一个图像拇指的"线",它在鼠标移动时滚动.我得到了它的工作,但我现在的问题是,我想在侧面做一个"填充",所以我不必将鼠标一直到两侧看到第一个/最后一个拇指.但我真的无法让它工作:/

这是我现在的脚本:

// MouseMove scrolling on thumbs
var box = $('.thumbs-block'),
    innerBox = $('.thumbs'),
    lastElement = innerBox.find('a:last-child');

var offsetPx = 100;
var boxOffset = box.offset().left;

var boxWidth = box.width() /* - (offsetPx*2)*/;
var innerBoxWidth = (lastElement[0].offsetLeft + lastElement.outerWidth(true)) - boxOffset /* + (offsetPx*2)*/;

scrollDelayTimer = null;
box.mousemove(function (e) {
    console.log('boxWidth: ' + boxWidth + '   innerBoxWidth: ' + innerBoxWidth + '   box.scrollLeft(): ' + box.scrollLeft());

    var mouseX = e.pageX;
    var boxMouseX = mouseX - boxOffset;

    if ((boxMouseX > offsetPx) && …

#box {
  animation: scroll 2s linear infinite;
  width: 100px;
  height: 100px;
  background: red;
}

#box:hover {
  background: green;
}

@keyframes scroll {
  from {transform: none;}
  to {transform: translateX(400px);}
}

<div id="box"></div>

如果将鼠标悬停在方框上,如果之后没有移动鼠标,它将保持绿色.如果将鼠标放在路径中并且不移动,则不会触发悬停.

在这种情况下,是否有一种触发悬停而不移动鼠标的方法？

编辑:不使用JavaScript.

我正在尝试使用 react-testing-libary 测试拖放功能。拖放功能来自 framer-motion 并且代码在 reacy 中。据我了解，它使用 mousedown、mousemove 和 mouseup 事件来执行此操作。我想测试以下基本组件的拖放功能：

export const Draggable: FC<DraggableInterface> = ({
  isDragging,
  setIsDragging,
  width,
  height,
  x,
  y,
  radius,
  children,
}) => {
  return (
      <motion.div
        {...{ isDragging }}
        {...{ setIsDragging }}
        drag
        dragConstraints={{
          left: Number(`${0 - x}`),
          right: Number(
            `${width - x}`,
          ),
          top: Number(`${0 - y}`),
          bottom: Number(
            `${height - y}`,
          ),
        }}
        dragElastic={0}
        dragMomentum={false}
        data-test-id='dragabble-element'
      >
        {children}
      </motion.div>
  );
};

我有一个测试片段如下：

it('should drag the node to the new position', async () => …