Responsive design 如何设计既支持鼠标又支持触摸的设备？

只是想知道是否有特定的库或标准可以帮助开发人员管理支持鼠标和触摸的设备（例如上网本、笔记本电脑）的交互。我在这类设备上对网站进行了一些测试，用户体验并不理想，因为浏览器似乎只是选择了一个桌面设备，您可以使用鼠标，也可以选择在某些点上没有鼠标输入的触摸设备，如果能够在不重写的情况下更好地控制它，那就太好了大量代码。

对于我的代码，我为鼠标和触摸添加了事件，并在事件处理程序中将坐标传递给它们共享的自定义函数

例如：

window.addEventListener('mousedown', mouseStart, false);

window.addEventListener('touchstart', touchStart, false);

function mouseStart(e) {
  handleStart(e.clientX, e.clientY);
}

function touchStart(e) {
  handleStart(e.touches[0].clientX, e.touches[0].clientY);
}

function handleStart(x, y) {
  // Both touch and mouse events end up here and provide their coords
}

这样，一段代码就可以平等地处理移动设备和桌面设备

---

一般来说，每当我实现一些与所有设备不兼容的东西时，我都会尝试在某处留下评论或写一个注释，以便稍后再讨论。

+1某种程度上，你能提供更多的细节吗，因为我不是真正的开发人员？即使只是一些参考？