Determine if the user has a touch-enabled device

touch-detection.js

// An aggressive means to detect if the user's device is touch only
// Probably bad practice: https://css-tricks.com/interaction-media-features-and-their-potential-for-incorrect-assumptions/
function isTouch() {
    return matchMedia('(hover: none) and (pointer: coarse)').matches;
}

// A more passive approach is to detect if the user's device is merely touch-enabled
function hasTouch() {
    return matchMedia('(any-pointer:coarse)').matches;
}