在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

tangentialPressure 只读特性在 PointerEvent interface represents the normalized tangential pressure of the pointer input (also known as barrel pressure or cylinder stress ).

句法

var tanPressure = pointerEvent.tangentialPressure;
					

返回值

A float representing the normalized tangential pressure of the pointer input in the range -1 to 1 , inclusive, where 0 is the neutral position of the control.

Note that some hardware may only support positive values in the range 0 to 1 . For hardware that does not support tangential pressure, the value will be 0 .

范例

In this snippet, when a pointerdown event is fired, different functions are called depending on the value of the event's tangentialPressure 特性。

someElement.addEventListener('pointerdown', function(event) {
  if (event.tangentialPressure == 0) {
    // No pressure
    process_no_tanPressure(event);
  } else if (event.tangentialPressure == 1) {
    // Maximum pressure
    process_max_tanPressure(event);
  } else {
    // Default
    process_tanPressure(event);
  }
}, false);
					

规范

规范	状态	注释
指针事件 – 2 级 The definition of 'tangentialPressure' in that specification.	推荐

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
tangentialPressure	Chrome 58	Edge 79	Firefox 59 59 Disabled ). To change preferences in Firefox, visit	IE No	Opera 45	Safari 13	WebView Android 58	Chrome Android 58	Firefox Android 54	Opera Android 43	Safari iOS 13	Samsung Internet Android 7.0

图例

完整支持

完整支持

不支持

不支持

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

• Touch.force

元数据

• 最后修改： 2019 年 3 月 23 日

相关话题

1. 指针事件
2. PointerEvent
3. 构造函数

   1. PointerEvent()
4. 特性

   1. height
   2. isPrimary
   3. pointerId
   4. pointerType
   5. pressure
   6. tangentialPressure
   7. tiltX
   8. tiltY
   9. twist
   10. width
5. 方法

   1. getCoalescedEvents()
6. 继承：

   1. MouseEvent
   2. UIEvent
   3. 事件
7. Related pages for Pointer Events

   1. Element.ongotpointercapture
   2. Element.onlostpointercapture
   3. Element.releasePointerCapture()
   4. Element.setPointerCapture()
   5. GlobalEventHandlers.onpointercancel
   6. GlobalEventHandlers.onpointerdown
   7. GlobalEventHandlers.onpointerenter
   8. GlobalEventHandlers.onpointerleave
   9. GlobalEventHandlers.onpointermove
   10. GlobalEventHandlers.onpointerout
   11. GlobalEventHandlers.onpointerover
   12. GlobalEventHandlers.onpointerup
   13. Navigator.maxTouchPoints