javascript - 使用 JavaScript 模拟拖放

Question

我知道 jQuery 可以编程方式触发正在监听这些事件的 DOM 元素上的事件。例如$el.click()将在 $el 上触发点击事件无需实际点击 $el用鼠标。

给定两个 DOM 元素 dom1和 dom2 , 是否有可能以编程方式模拟来自 dom1 的拖放操作至 dom2使用 jQuery(或 vanilla JavaScript)，其中 dom1是可拖动的并且dom2可以使用 jQuery UI 放置。

注意:我想这样做的原因是为了构建自动化的 UI 测试。

Answer 1

您必须记住 jQuery.trigger 不会触发 HTML 事件，也就是说，调用 .click 不会导致点击链接。它只触发使用 jQuery 设置的事件。

http://jupiterjs.com/news/syn-a-standalone-synthetic-event-library是一个真正模仿 HTML 事件的库。非常容易使用

以下断言“hello”已从页面中删除:

Syn.click( {},'hello' )
   .type( 'Hello World' )
   .delay()         //waits 600ms seconds by default
   .drag( $('#trash') , function() {
     ok( $('#hello').length == 0, "removed hello" )
 });