h5 的各种坑

前言

这几次做部门的h5应用，说是公司内部用，就ios各种适配也没考虑，只是在电脑的chrome上模拟，没问题后就直接算了，最后测试一测就提出各种优化的建议，各种交互bug，不是说好了是公司bd用的吗，不是说了随便做就行了吗；其实这都是我自己想的，以为做完就好了，一点也没有再深入想想哪里可以再完善下,这最后就是一堆的交互问题；
其实这些交互问题都是经常遇到的，比如，ios键盘在点击其他区域收起的问题，其实这些问题自己也遇到几次了，到时一直没能总结下，古人云：‘温故而知新’，是时候，总结下最近的事情了；

##ios 键盘坑

键盘收起

ios在点击其他空白区域，input或者textarea不能够收起，解决的办法，在documnet上添加touchend的方法，检查event.target

// react的使用
var isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHONE')!= -1;
let self = this
if(isIPHONE) {
  window.document.addEventListener('touchend', function(event) {
    if(event.target != self.refs.Input) {
      self.refs.Input.blur()
    }
  }, false)
}