Capture mouse click and touch events

lasso.js

const head = ([h, ...tail]) => h

const defaultTo = (defaultValue, testValue) => Boolean(testValue) ? testValue : defaultValue

const capture = (evt) => {
  const eventTarget = evt.target
  const touchTarget = evt.touches && evt.touches.length > 0
  
  const xPos = touchTarget ? head(touchTarget).clientX : evt.clientX
  const yPos = touchTarget ? head(touchTarget).clientY : evt.clientY
  
  const href = defaultTo(eventTarget.href, eventTarget.parentNode.href)
  const id = defaultTo(eventTarget.name, eventTarget.id)
  
  const touchEvent = Boolean(touchTarget)
  
  const data = { xPos, yPos, href, id, touchEvent }
  
  if (data.href) {
    console.log('Event data', data)
  }
}

const init = () => 
  ['click', 'touchstart'].forEach(evt => 
    document.body.addEventListener('click', capture)
  )

export default init