可交互对象（Interactable）中的方法 draggable()，resizable() 和 gesturable() 被用为开启和设置对目标元素的功能。他们有一些共有的配置选项和一些特有功能的选项和事件属性。 可交互对象（Interactable）的 draggable…

落入区可以放入可拖动元素目标，也可以决定什么元素可以放入。和拖动事件一样，放入事件不会调整 DOM 结构改变元素的父级元素。如果您需要，您可以通过事件监听器来实现这个功能。 落入区的 accept 选项接收 CSS 选择器或元素，被拖动的元素必须匹配该配置以便触发落入事件。 o…

尺寸调节是事件有 rect 和 deltaRect 属性. rect 在每次 resizemove 事件被更新， deltaRect 则提供了变化了的值。在 resizestart 事件中, rect 和 interactable.getRect(element) 和 delt…

拖动是 interact.js 提供的一个最简单的动作。让一个元素可拖动，您需要创建一个可交互对象（interactable）在你的目标元素上，然后调用 draggable 方法并填入您需要的配置。 记得要使用 CSS touch-action: none 来阻止浏览器平移（滚…

snapEdges 和 snapSize 查不多, 但是让你设置目标元素边缘的位置。 当创建吸附配置是会有一个 targets 数组。功能事件会被吸附到最近的范围内数组中最近的元素。 snap 配置修改指针的坐标为指定目标当他们在范围内。 当拖动时使用 snap 配置，拖动事件…

restriction 属性指定了功能被限制的区域。可用值如下： 一个 CSS 选择器。如果元素的任意一个父级匹配这个选择器，该父级的矩形将被作为限制区域。 restrict 变量在默认情况下与指针坐标相关联。拖动动作的坐标，不是元素的边框，会被限制在限制的区域内。您可以使用 …

InteractEvent 可以被不同的功能触发。事件类型包括： 为了对 InteractEvent 进行反馈，你必须添加监听器（listeners）对特定的类型在配置了该功能的可交互对象上（interactable）。被创建的事件类型会被传到监听器内作为唯一的参数。 Inte…