有什么方法可以使用JavaScript检测“强制点击”吗？

Question

有什么方法可以使用Java技术检测强制点击？ 我知道有多种方法可以检测常规点击和右键点击，但是强制点击呢？

Answer 1

我找到了一个名为Pressure.js的JS库，该库使处理Force / 3D Touch更加简单。 它适用于具有3D触摸的iOS和具有强制触摸的OSX。 如果您仅在Mac上将其用于强制触摸，则可以这样使用：

Pressure.set('#element', {
  start: function(event){
    // this is called on force start
  },
  end: function(){
    // this is called on force end
  },
  startDeepPress: function(event){
    // this is called on "force click" / "deep press", aka once the force is greater than 0.5
  },
  endDeepPress: function(){
    // this is called when the "force click" / "deep press" end
  },
  change: function(force, event){
    // this is called every time there is a change in pressure
  },
  unsupported: function(){
    // this is called once there is a touch on the element and the device or browser does not support Force or 3D touch
  }
}, {only: 'force'});

最后的{only: 'force'}选项可确保它仅在Mac上为强制触摸而运行，而在iOS上不运行。 如果您希望它同时运行，则删除该选项。

Answer 2

侦听webkitmouseforcewillbegin和webkitmouseforcedown事件。 您可以从传递给事件处理程序的对象中的webkitForce属性获取强制级别。

当然，这仅适用于具有Force Touch支持的Mac上的Safari。

来源： WebKit DOM编程文档