当前位置: 首页 > 面试题库 >

如何自动执行角度拖放列表

桓瀚
2023-03-14
问题内容

问题: 尝试在使用angular-drag-and-drop-lists的前端中模拟拖放

尝试过:

1.jquery-simulate:给出以下错误

未捕获到的TypeError:无法在’EventTarget’上执行’dispatchEvent’:参数1不是’Event’类型的。

2.drag-drop-helper.js:点击发生在要拖动的项目上

3.drag_to:什么也没发生

需要更多建议。

谢谢

jQuery模拟:https :
//github.com/jquery/jquery-simulate

很抱歉,无法发布drag_to和drag-drop-helper.js的链接


问题答案:

自定义事件需要进行如下调整:

  function createCustomEvent(type) {
 var event = new CustomEvent("CustomEvent", {"cancelable": true})
    event.initCustomEvent(type, true, true, null);
    event.dataTransfer = {
        data: {
        },
        setData: function(type,val) {
            this.data[type] = val
            this.types[0] = type
        }
        getData: function(type) {
            return this.data[type]
        },
        dropEffect: 'move',
        effectAllowed:'move',
        types: [],
        items: {},
        files:{}

    }

    return event
}

在本机js拖放脚本中,然后工作正常



 类似资料:
  • 我工作在一个应用程序实现新的拖放角材料CDK和我试图取消拖动事件的元素按下,我的意思是,我开始拖动元素,但如果我按当我拖动元素时,它应该回到我开始拖动它的位置,到目前为止,我还没有找到这样做的方法,有人知道我怎么做吗?在cdk留档里没有关于这个的任何想法。我试着做这样的事情。 样板 Ts组件 但到目前为止还没有成功。

  • 如何在拖动时更改可拖动元素的文本,我有来自cdk/拖放库的代码片段。它为在拖动时捕捉事件提供参数。我可以通过本机元素进行更改,但它会更改所有样式,而且我还需要在dragover或其他操作上设置另一个事件。如果要在拖动元素上放置随机文本,有哪些选项? 在Html 在TS

  • 我是新来的,最近开始使用AutoIt和selenium在我的web应用程序上执行自动化测试。我目前遇到的情况是,我希望在拖放元素上自动测试(用户可以将文件从桌面/文件夹拖放到web应用程序中)。我知道在selenium中,我可以简单地将文件路径发送到web元素中,但是在这个场景中,我希望能够测试拖放的功能。 我目前正在使用AutoItx4java桥和java编程。总而言之,我需要帮助创建一个脚本,

  • 问题内容: 我已经尝试了这两个代码,但是却没有执行,有人可以告诉我为什么吗? 提前致谢 问题答案: 试试这个代码: 它会在源元素的位置单击并按住,移至目标元素的位置,然后释放鼠标。 要么 它将单击并按住源元素的位置,移动给定的偏移量,然后释放鼠标。 要么 它将执行以上两个代码的操作。 我在Java上编写此代码。您可以转换为指定的语言。 从动作引用。

  • 根据Angular CDK拖放文档,所有可拖放项都应使用迭代数组的指令编写。但是,如果我想使可拖放的项目是角度组件呢?什么是使它们可放下的程序? 例如,下面的代码是呈现一个普通的可删除div。如果我想在第二行渲染多个角度组件,该怎么办?在这种情况下,我不能使用指令,因为每个角组件都非常不同,我不能将它们保留在任何数组中。 怎么才能做到像下面这样呢?(以下代码不起作用) 我的主要目标是制作一个小部件

  • 我需要帮助进行角度拖放。就像我需要把一个图标拖到画布上。 我已经通过了许多例子,这是我所做的例子。当我拖动那个对象时,对象的副本应该被移动。我看了很多例子,请大家帮忙。