如何在网站上触发 MacBook 触控板触觉反馈？答案

【问题标题】：How to trigger MacBook trackpad haptic feedback on a website?如何在网站上触发 MacBook 触控板触觉反馈？
【发布时间】：2020-03-15 19:37:55
【问题描述】：

我正在编写一个具有大量拖放功能的 Web 应用程序，并且我希望在拖动项目时启用触觉反馈（如果可能，使用带有 Force Touch 触控板的 macOS 10.11+）来执行诸如“卡入”之类的操作。

这可能吗（我知道不可能支持所有平台，但至少在硬件支持的情况下）？我用不同的时间值/模式尝试了navigator.vibrate，但即使它返回 true，它似乎也没有做任何事情。

【问题讨论】：

有这个问题：bugs.chromium.org/p/chromium/issues/detail?id=788567 并且有一个：bugs.chromium.org/p/chromium/issues/detail?id=628924 TL;DR;虽然这两个问题都是开放的，但似乎并没有真正打算特别支持这些设备。指针事件甚至不会注意到 Chrome 和 Firefox 中的任何相关内容（例如，人们可能期望不同的 pressure 值）。也许你可以开始另一个 FR。（要求它显示在pointerrawupdate 事件中听起来比我链接到的前两个 FR 更合法。）

【解决方案1】：

应该使用Force Touch 事件，其中之一是webkitmouseforcedown

someElement.addEventListener("webkitmouseforcedown", myFunction, false);

您可以阅读更多关于此事件和其他事件的信息here

请注意这仅适用于 Safari 很遗憾

【讨论】：