如何在 javascript 中为桌面和移动设备创建不同的点击行为？答案

【问题标题】：How to create different onclick behavior for desktop and mobile in javascript?如何在 javascript 中为桌面和移动设备创建不同的点击行为？
【发布时间】：2012-07-21 08:57:10
【问题描述】：

我正在开发生成一段格式化文本的简单表单（你可以看看here）。想法是简化创建文本的选择。对于桌面浏览器，在 div 上使用 onсlick 处理程序的代码效果很好：

if (document.selection) {
    var range = document.body.createTextRange();
    range.moveToElementText(document.getElementById('template_text'));
    range.select();
}
else if (window.getSelection) {        
    var range = document.createRange();
    range.selectNode(document.getElementById('template_text'));
    window.getSelection().addRange(range);
}

在移动浏览器（Android 浏览器和 iOS 版 Safari）中，此代码仅高亮 div 片刻，没有其他内容。我不想创建单独的移动版本，因为这只是表单的问题。

能否在不影响桌面当前功能的情况下以某种方式简化移动浏览器的文本选择？

谢谢。

【问题讨论】：

标签： javascript android ios mobile

【解决方案1】：

根据this 线程的回答，您可以转到http://detectmobilebrowsers.com/ 并下载脚本，该脚本将为您提供检测访问者是否使用移动浏览器或桌面浏览器的工具。然后，您只需使用简单的 if 分支您的代码，并在此特定位置分别安排选择文本的移动和桌面行为

【讨论】：