使用JS区分客户端

之前遇到,上司这样一个指示。

他说:“你看,能不能帮我解决一下,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{

  //処理なし

}

 

 

大概就是这样了~~~

上一篇:获取时间-时钟效果


下一篇:js 获取当前时间