Touch: thuộc tính screenX

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Trả về tọa độ X của điểm chạm so với màn hình, không tính offset cuộn trang.

Ví dụ này minh họa cách truy cập các thuộc tính Touch.screenX và Touch.screenY của đối tượng Touch. Touch.screenX là tọa độ ngang (x) của điểm chạm so với màn hình tính bằng pixel CSS. Touch.screenY là tọa độ dọc của điểm chạm so với màn hình tính bằng pixel CSS.

Trong đoạn mã đơn giản sau, chúng ta giả sử người dùng khởi tạo nhiều điểm chạm trên phần tử có id là source rồi nhấc tay lên. Khi trình xử lý sự kiện touchstart được gọi, tọa độ Touch.screenX và Touch.screenY của từng điểm chạm được truy cập.

// Đăng ký listener touchstart cho phần tử 'source'
const src = document.getElementById("source");

src.addEventListener("touchstart", (e) => {
  // Duyệt qua các điểm chạm và ghi lại tọa độ screenX/Y.
  // Đơn vị mỗi tọa độ là pixel CSS.
  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}`);
  }
});