之前遇到,上司这样一个指示。
他说:“你看,能不能帮我解决一下,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{
//処理なし
}
大概就是这样了~~~