交互兼容移动端

1.苹果不兼容keyup(键入)事件
  //兼容移动端
   var bind_name = 'input';
        if (navigator.userAgent.indexOf("MSIE") != -1) {    //(此处是为了兼容IE)
         bind_name = 'propertychange';
        }
        if(navigator.userAgent.match(/android/i) == "android")
        {
         bind_name = "keyup";
        }
        //只能输入数字
        $(".num_only").bind(bind_name,function(){
          this.value=this.value.replace(/[^\d]/g,'');
        });
       // ios设备采用
        if(/iphone/i.test(navigator.userAgent)){
            $(".box").css('height','100vh');
            $(".box .sub_box").css('height','68%');

        }

2. h5页面传递数据给移动端

           var u = navigator.userAgent;
           var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
           var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                 //console.log(typeof(isAndroid));   //boolean
                  if(data=="true"){
                       if (isAndroid==true) {   
                            alert(data);
                             window.AndroidWebView.showInfoFromJs(data); //Android
                        }
                        if(isiOS==true){
                             alert(data);
                             window.webkit.messageHandlers.AppModel.postMessage(data);//iOS
                        }
                     }else{
                         alert(false);
                    }
        注意:
            传参给Android: window.AndroidWebView.showInfoFromJs(data_province,data_city);  //Android
            传参给iOS:window.webkit.messageHandlers.AppModel.postMessage({area:data_province,city:data_city});//iOS
            if..else  判断代码都生效,检查判断条件的类型:string==“true”  boolean==true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值