Chạm vào sự kiện

Khám phá những điều cơ bản về cách làm việc với các sự kiện chạm trong JavaScript

Xem thêm trênSự kiện JavaScript

Sự kiện chạm là những sự kiện được kích hoạt khi xem trang trên thiết bị di động, chẳng hạn như điện thoại thông minh hoặc máy tính bảng.

Chúng cho phép bạn theo dõi các sự kiện cảm ứng đa điểm.

Chúng tôi có 4 sự kiện liên lạc:

  • touchstartmột sự kiện chạm đã bắt đầu (bề mặt được chạm vào)
  • touchendsự kiện chạm đã kết thúc (bề mặt không còn được chạm vào)
  • touchmovengón tay (hoặc bất cứ thứ gì đang chạm vào thiết bị) di chuyển trên bề mặt
  • touchcancelsự kiện liên lạc đã bị hủy bỏ

Mỗi khi một sự kiện liên lạc xảy ra, chúng tôi được thông quasự kiện chạm:

const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})

Đây là tất cả các thuộc tính chúng tôi có thể truy cập vào sự kiện đó

  • identifiermột số nhận dạng duy nhất cho sự kiện cụ thể này. Được sử dụng để theo dõi các sự kiện đa chạm. Cùng một ngón tay = cùng một định danh.
  • clientX/clientYtọa độ x và y của con trỏ chuột so với cửa sổ trình duyệt, bất kể cuộn
  • screenX/screenYtọa độ x và y của con trỏ chuột trong tọa độ màn hình
  • pageX/pageYtọa độ x và y của con trỏ chuột trong tọa độ trang (bao gồm cả cuộn)
  • targetyếu tố được chạm vào

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn khác về trình duyệt: