Breaking News: Grepper is joining You.com. Read the official announcement!

html css swipe event

kayengxiong tongsuatong answered on April 12, 2023 Popularity 3/10 Helpfulness 1/10

answer html css swipe event

html css swipe event

Comment

let touchstartX = 0
let touchendX = 0
    
function checkDirection() {
  if (touchendX < touchstartX) alert('swiped left!')
  if (touchendX > touchstartX) alert('swiped right!')
}

document.addEventListener('touchstart', e => {
  touchstartX = e.changedTouches[0].screenX
})

document.addEventListener('touchend', e => {
  touchendX = e.changedTouches[0].screenX
  checkDirection()
})

Popularity 3/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: css html swipe

Link to this answer
Share Copy Link