如何模拟拖动事件（同时按下鼠标左键进行mousemove操作）？

Question

我希望能够触发事件并且在事件被触发时显示实际上有一个按钮被按下。

$('table').on('mousemove', function(e) {
  var is_dragging = e.buttons.length > 0;
  // is_dragging should === true;
});

$('table').trigger('mousemove'); // is_dragging will be false

- Dan P.

---

通常在mousedown处理程序中附加mousemove以模拟拖动，因此无需检查是否处于“拖动”状态。请详细说明您实际需要的内容。 - Teemu

@Anders，我更新了代码以展示我遇到的问题。 - Dan P.

@Sachin 我该如何创建自定义事件？ - Dan P.

@Teemu 已更新，抱歉。 - Dan P.

@DanielPatz，请检查我的自定义事件答案。那应该可以工作。 - Sachin

Answer 1

试试这个。创建一个自定义事件并将按钮属性附加到它。

$('table').on('mousemove', function(e) {
  var is_dragging = e.buttons.length > 0;
  // is_dragging should === true;
});

var e = $.Event( 'mousemove' );
e.buttons = ['<set any key you need>'];

$('table').trigger(e); 

- Sachin

---

太棒了，成功了！这是 jsfiddle 链接，证明它可以工作：https://jsfiddle.net/vf1o5cws/1/ - Dan P.

Answer 2

根据我理解您想要实现的功能，您希望有一个 onmousemove 的事件处理程序，在其中检查是否按下了按钮（不管是哪个按钮），但您想要手动触发事件，并使条件 is_dragging 结果为 true。如果使用 $('table').trigger('mousemove'); 手动触发事件，则该事件将没有 buttons 属性，但它将具有 .isTrigger 属性，其值为 3。请尝试此代码：https://jsfiddle.net/SeanWessell/L2z0su3j/。

$('table').on('mousemove', function(e) {
  var is_dragging = e.buttons > 0 || e.buttons == undefined && e.isTrigger == 3;
  // is_dragging should === true;
  $('p').html(is_dragging.toString())
});

$('#trigger').click(function(){

    $('table').trigger('mousemove');

})

- Sean Wessell

Answer 3

::更新::

请查看 ondragstart http://www.w3schools.com/jsref/event_ondragstart.asp

=======

*.buttons 是用于判断你点击了哪个按钮。在 mousemove 事件发生时，你还没有点击任何按钮。

这意味着你的 e.buttons === 0

MouseEvent.button 的文档： http://www.w3schools.com/jsref/event_button.asp

你可以通过在函数中加入 debugger 并检查你的 e 变量来验证这一点。

JSFiddle: http://jsfiddle.net/qf3u8m61/

- Seth McClaine

---

我非常确定 OP 想要在 mousemove 处理程序中模拟 event.buttons。 - Teemu

只要有一个按钮被按下并触发了“mousemove”事件，我并不在意哪个按钮被点击。 - Dan P.

哦，我现在明白你在问什么了... 你在帖子中表述得不够清楚。 - Seth McClaine

更新：查看 ondragstart http://www.w3schools.com/jsref/event_ondragstart.asp - Seth McClaine