使用JS区分客户端
2024-09-03 12:27:45
之前遇到,上司这样一个指示。
他说:“你看,能不能帮我解决一下,ipad自带的,键盘问题。”
就是我们做的这个项目,是一个 web项目,然后 要求 电脑端 和 平板都可以访问。在日期输入框的地方。他们有一个 自己做的 日期控件,可以选择日期。
在平板端,点了一下日期,下面就会弹ios内置的键盘。这个键盘,几乎占据了屏幕三分之一还多的,地方,导致,自己做的日期控件被遮盖住。
然后,事儿就来了。就让我去调查。
一顿查找。
发现,把 readonly 写上就可以了。
但是 还有问题。
电脑端,不能输入 想要的日期了。
也就是 需要,电脑端,不可以 readonly。
所以就有了下面的代码:
js端:
var isBrowserSafari = false;
if(navigator.userAgent.match(/(iPhone|iPod|iPad|Android.*Mobile)/i){// 前面对应的是非电脑端。 safari浏览器的情况下 写这个: (/(Safari)/i)
isBrowserSafari = true;
}
else
{
isBrowserSafari = false;
}
var MyDate = document.getElementById(“MyDate”);
if(isBrowerSafari){
MyDate.setAttribute("readonly","true");
}
else{
//処理なし
}
大概就是这样了~~~
最新文章
- netty 解决TCP粘包与拆包问题(二)
- HDU 3333 &; 主席树
- Delphi中对BCD码的直接支持 (转)
- poi jar包的作用
- 2015-09-17 001 日志与对话框公用类_public
- Surface Pro 3 扩展坞体验
- Razor视图引擎布局
- Windows7 IIS7 无法启动计算机上的服务W3SVC如何修复
- Python函数对象
- PHPSingleton模式的例子
- 重要经验五:block作为属性的注意事项
- SpringCloud的应用发布(二)vmvare+linux,Centos7.0下发布应用
- java8及8之前日期相关类
- [Swift]LeetCode853. 车队 | Car Fleet
- Windows上IOCP Socket事件模型管理
- SpringBoot2.x配置JsonRedisSerializer
- 快速排序javascript实现
- python 3.6.5 sys模块和os模块
- POJ 2245
- CentOS 6.6 MySQL 8.0详细安装步骤