移动端微信开发一些兼容总结(片段)

1.事件绑定，.on("click",'class',function(){}) 才是对所有class事件绑定,对新生成的元素绑定。

2.overflow-y:scroll 在苹果机上的滑动有问题；应该改成

-webkit-overflow-scrolling: touch;

3.设置滑动条的大小是：

::-webkit-scrollbar

4.Input type = number 在安卓和苹果手机上有时会出现样式错乱问题，除了修改问type=text外还能

input[type=number]::-webkit-inner-spin-button,  

input[type=number]::-webkit-outer-spin-button { 

         -webkit-appearance:  none ; 

         appearance:  none ; 

         margin :  0 ; 

}

5.JQ checkbox ; prop 和 attr 的区别 ， 在获取html自带属性的时候用prop ，获取用户自定属性的时候用attr．

6.form表单，在ios微信开发会有点击文字有黑色屏幕一闪而过。

style='-webkit-tap-highlight-color:rgba(255,0,0,0);

7.onclick　在手机上点击，特别是ｉｏｓ机会有２００－３００ｍｓ的延迟，解决办法是

fastclick.js

8.iso newdate() 2016/12/1 12:00:00

andirod 2016-12-1 12:00:00

需要兼容

9.ios浏览器，有时候会点击数字拨打电话，禁止代码：

<meta name="format-detection" content="telephone=no" />

10.禁止对div进行操作

pointer-events:none