react 使用相关错误处理

---

js中blur和click事件的冲突

解决方案：给按钮添加一个mousedown事件，在其中执行event.preventDefault()阻止浏览器默认事件，这样点击按钮时输入框就不会失去焦点了
input.onblur = function() {
    console.warn('onblur');
    error.style.display = 'block';
}
btn.onmousedown = function(e) {
    console.warn('onmousedown');
    e.preventDefault();
}
btn.onclick = function() {
    console.warn('onclick');
    error.style.display = 'none';
    popover.style.display = 'none';
}

js中blur和click事件的冲突 https://www.jianshu.com/p/ad8569eaca0c

---

微信浏览器兼容问题

const yValidate = {
  browserVrsions: () => {
    const u = navigator.userAgent;
    // const app = navigator.appVersion;
    return {
      trident: u.indexOf('Trident') > -1, // IE内核
      presto: u.indexOf('Presto') > -1, // opera内核
      webKit: u.indexOf('AppleWebKit') > -1, // 苹果、谷歌内核
      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, // 火狐内核
      mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端
      ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端
      android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, // android终端
      iPhone: u.indexOf('iPhone') > -1, // 是否为iPhone或者QQHD浏览器
      iPad: u.indexOf('iPad') > -1, // 是否iPad
      webApp: u.indexOf('Safari') === -1, // 是否web应该程序，没有头部与底部
      weixin: u.indexOf('MicroMessenger') > -1, // 是否微信 （2015-01-22新增）
      qq: u.match(/\sQQ/i) === ' qq', // 是否QQ
    };
  },
};

export default yValidate;
<InputItem
                    type="phone"
                    extra={btn}
                    onBlur={() => {
                      const browserVrsions = yValidate.browserVrsions();
                      if (
                        browserVrsions.weixin
                        && browserVrsions.ios
                      ) {
                        window.scrollTo(0, 0);
                      }
                    }}
                    onFocus={() => {
                      const browserVrsions = yValidate.browserVrsions();
                      if (
                        browserVrsions.weixin
                        && browserVrsions.ios
                      ) {
                        window.scrollTo(0, 40);
                      }
                    }}
                  />

https://blog.csdn.net/u010200636/article/details/85004087

---