Chrome、Firefox中能否通过JavaScript获取触控板压力事件及压力值？

你提到的这个问题确实有点小众，我来帮你理清楚目前的情况：

一、Chrome和Firefox的现状 #

• 对于MacBook原生触控板：目前Chrome和Firefox都不支持通过JavaScript获取触控板的压力值。这是因为Safari作为Apple自家浏览器，深度集成了macOS的触控系统私有API，而其他浏览器暂时没有对接这部分接口。
• 对于通用压力感应触控板：这里分两种情况讨论：
  • 如果触控板是通过**W3C标准的Pointer事件（如pointerdown/pointermove）**传递压力数据，那Chrome和Firefox理论上可以通过事件对象的pressure属性获取值（范围0到1）。但这完全依赖触控板硬件本身支持标准压力数据传输，且系统层面已正确识别并向浏览器暴露该数据。
  • 如果触控板依赖厂商私有驱动或非标准API，那大概率无法通过通用JavaScript事件获取压力值——浏览器不会适配这类非标准化的硬件接口。

二、测试通用触控板支持的方法 #

如果你想验证手头的通用触控板是否能被浏览器识别压力数据，可以试试这段代码：

// 监听Pointer按下事件
window.addEventListener('pointerdown', (e) => {
  console.log('当前压力值:', e.pressure);
  console.log('是否支持压力感应:', e.pressure !== undefined && e.pressure > 0);
});

// 监听Pointer移动事件（持续获取压力）
window.addEventListener('pointermove', (e) => {
  if (e.pressure > 0) {
    console.log('移动时压力值:', e.pressure);
  }
});

需要注意：虽然Pointer事件是标准，但实际硬件支持度参差不齐——很多消费级触控板即便标注了压力感应，也可能没有向系统传递准确数据，或者系统没有把数据开放给浏览器。

三、为什么你在Google上难找到相关内容？ #

这个功能的支持度实在太碎片化了：

• 只有Safari+MacBook触控板的组合是稳定支持的，其他场景要么完全不支持，要么依赖特定硬件和系统配置，没有普遍适用的方案。
• 触控板压力感应属于非常小众的前端需求，大部分开发者很少接触，相关的讨论和自然也就少之又少。

内容的提问来源于stack exchange，提问作者Melvin Roest