js笔记

移动端点击事件灰边问题：

 

隐藏文本框阴影

input, textarea{-webkit-appearance: @none;}

取消手机点击屏幕时，会出现的灰块

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

移动端网站或APP点击后出现闪动或灰色背景，只需对绑定事件添加class样式 使其触发事件时背景为透明色  

.class{-webkit-tap-highlight-color:transparent;}

//屏蔽页面的切屏操作（F12打开控制台，在控制台中复制这段代码，回车）

window.onblur = function(e) {
   return false;
}; 

//禁止事件的默认动作(form 表单)

preventDefault

event.preventDefault()

该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

 

 

//移动端，input输入弹起键盘，收起键盘的时候，body会上移，需要给input加一个离开焦点的事件

 

onBlur(){

window.scroll(0,0);

}

 

 

 

 

 

//关闭支付宝、微信、百度钱包H5窗口

var ua = navigator.userAgent.toLowerCase();   
if(ua.match(/MicroMessenger/i)=="micromessenger") {   
      WeixinJSBridge.call('closeWindow'); 
 } else if(ua.indexOf("alipay")!=-1){   
      AlipayJSBridge.call('closeWebview');   
 }else if(ua.indexOf("baidu")!=-1){   
      BLightApp.closeWindow(); 
 } 
       else{  window.close(); 
}

 

//判断Android还是iPhone设备

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终端 
if (isAndroid) {
    alert('Android手机');
}
else{
    alert('Iphone手机');
}

//判断是否是微信里打开

 

function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }

 

}

//json字符串转json对象

var str = '{ "name": "zxq", "sex": "boy" }';
obj = eval('(' + str + ')');

 

//alert json对象

 alert(JSON.stringify(obj));