TRexK

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

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

手势事件当两个指针同时按下并且移动时被触发。在手势事件中，页面和客户端坐标被计算为接触坐标和速度的平均值。这个事件有如下属性。 记得使用 CSS touch-action: none 来阻止浏览器平移（滚动）当用户通过触摸拖动的时候, 和 user-select: none 来…

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

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

interact.js 是一个 JavaScript 资源库提供拖，放，调整尺寸和多点触摸手势功能用于现代浏览器。它的免费和开源版本提供了强大的配置像惯性和指针、约束调整器。 interact.js Pro 使用更多的调节器扩展了该开源功能，更多复杂的内置交互，框架集成，和高级…

方便快速启用，您可以使用名字为 interactjs 的资源库在 npm 上。 @interactjs/ 域（scope）让你可以选择您需要使用的功能。这些资源库是按照 ES6 模块提供的，需要您自行通过转码支持旧版浏览器。 如果您通过 CDN 使用该资源库并且想要 TypeS…