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

时间:2012-07-21 08:57:11

标签: javascript android ios mobile

我正在开发生成一段格式化文本的简单表单(你可以看看here)。想法是简化创建文本的选择。对于桌面浏览器,使用on上的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而不是其他内容。我不想创建单独的移动版本,因为它只是表单的问题。

可以以某种方式简化移动浏览器的文本选择,而不会影响桌面的当前功能吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

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