当然可行啊！完全不用依赖原生iOS应用，纯前端在Safari里就能完美实现你的需求，而且比你之前试的checkbox switch方法要直接得多。

核心思路其实很简单：通过监听移动端的触摸事件，在用户按下控件时启动一个500ms的定时器，时间到了就触发触觉反馈；如果用户提前松开手指或者触摸被打断（比如页面滚动），就立刻清除定时器，避免误触发。

给你贴一段可以直接用的代码示例，你对着改改就能套到自己的项目里：

// 先获取你的目标widget元素
const targetWidget = document.querySelector('.your-widget-selector');
let longPressTimerId;

// 触摸开始时触发
targetWidget.addEventListener('touchstart', (event) => {
  event.preventDefault(); // 阻止浏览器默认行为，比如滚动、弹出长按菜单
  // 启动500ms的定时器
  longPressTimerId = setTimeout(() => {
    // 触发触觉反馈，20ms的短振刚好模拟系统的"tick"感
    if (navigator.vibrate) {
      navigator.vibrate(20);
    }
  }, 500);
});

// 触摸结束时清除定时器
targetWidget.addEventListener('touchend', () => {
  clearTimeout(longPressTimerId);
});

// 触摸被取消时（比如页面滚动、来电）也清除定时器
targetWidget.addEventListener('touchcancel', () => {
  clearTimeout(longPressTimerId);
});

这里还有几个要注意的小细节：

• 一定要在touchstart里调用event.preventDefault()，不然浏览器的默认长按菜单（比如复制文本）或者滚动行为会打断你的触摸事件，导致定时器提前被清除。
• 测试的时候记得用真实的iOS设备，模拟器的触觉反馈可能不会生效，而且要确保设备的振动功能是打开的。
• 你之前尝试的checkbox switch方法，是利用了系统控件的默认触觉反馈，但它的触发时机是在控件状态切换时（也就是用户松开手指的那一刻），完全不符合你要在长按500ms时立刻触发的需求，所以直接用触摸事件+定时器的方案更可控。

另外，如果你想要更贴近iOS原生的轻触反馈，除了navigator.vibrate()，目前Safari对标准Web Haptic API的部分特性支持还有限，所以用振动API是兼容性最好、最稳定的选择。

内容来源于stack exchange