为了账号安全,请及时绑定邮箱和手机立即绑定

IE11获取焦点兼容性问题

IE11获取焦点兼容性问题

红糖糍粑 2019-02-05 17:52:19
环境包:reactreact-timeout浏览器:版本 11.576.14393.0更新版本 11.0.38版本11.0.9600.18816更新版本 11.0.47IE11IE11现状select组件,select的下拉框组件。当列表过多出现滚动条时候,拖动滚动条,两个版本行为不一致。第一个版本的IE11,当拖动滚动条,焦点在body上第二个版本的IE11,当拖动滚动条,焦点在下拉框上关键代码onBlur = (e)=>{    //IE系列浏览器在拖动滚动条时会让dropdown获得焦点,input失去焦点    let dropdown = ReactDOM.findDOMNode(this.refs.dropdown);    if(dropdown && dropdown.contains(document.activeElement)) return;    this.delayToHide();}预期结果当拖动滚动条时候,下拉框不消失问题如何进行兼容性判断?让拖动滚动条,下拉框不消失。
查看完整描述

1 回答

?
慕田峪7331174

TA贡献1828条经验 获得超13个赞

input失焦 同时判断dropdown是不是获取了焦点 如果是就不隐藏,
然后 添加dropdown失焦事件 同时判断input是不是也失去焦点 如果都失去焦点 就隐藏。

查看完整回答
反对 回复 2019-02-17
  • 1 回答
  • 0 关注
  • 474 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信