触摸:screenX 属性

返回触摸点相对于屏幕的 X 坐标,不包括任何滚动偏移量。

数字。

示例

此示例说明了如何访问Touch对象的Touch.screenXTouch.screenY属性。Touch.screenX属性是触摸点相对于屏幕的水平(x)坐标,以 CSS 像素为单位。 Touch.screenY属性是触摸点相对于屏幕的垂直坐标,以 CSS 像素为单位。

在以下简单的代码片段中,我们假设用户在 ID 为source的元素上启动多个触摸点,然后释放与表面的接触。当touchstart事件处理程序被调用时,将访问每个触摸点的Touch.screenXTouch.screenY坐标。

js
// Register a touchstart listeners for the 'source' element
const src = document.getElementById("source");

src.addEventListener(
  "touchstart",
  (e) => {
    // Iterate through the touch points and log each screenX/Y coordinate.
    // The unit of each coordinate is CSS pixels.
    for (let i = 0; i < e.touches.length; i++) {
      console.log(`touchpoint[${i}].screenX = ${e.touches[i].screenX}`);
      console.log(`touchpoint[${i}].screenY = ${e.touches[i].screenY}`);
    }
  },
  false,
);

规范

规范
触摸事件
# dom-touch-screenx

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。