javascript - 适用于桌面和移动设备的 jQuery 事件

Question

我正在做一个完全响应式的页面并进入了 jQuery 部分。我的问题是如何举办涵盖移动和桌面使用的事件。我查看了 jQuery 1.11.1 文件，没有发现“触摸”的痕迹。我认为我可以使用 mousedown 作为开始。对此，最佳实践是什么？

$('.touch-me').on('mousedown, click', function () {
    console.log('touch me');
});

Answer 1

如果你愿意，你可以这样做:

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
var ev = mobile ? 'touchstart' : 'click';
$('.touch-me').on(ev, function () {
   console.log('touch me');
});