如何在javascript中为桌面和移动设备创建不同的onclick行为

How to create different onclick behavior for desktop and mobile in javascript?

本文关键字：创建 行为 onclick 移动 javascript 桌面      更新时间：2023-12-12

我正在开发一个生成格式化文本的简单表单（您可以在这里查看）。想法是简化创建文本的选择。对于桌面浏览器，以下代码与div上的onc-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，没有其他内容。我不想创建单独的移动版本，因为这是表单的唯一问题。

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

谢谢。

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

相关文章：