弹窗内的input输入框无法获取焦点

弹窗内的input输入框无法获取焦点_第1张图片

1)刚开始对第一个input写了一个点击方法,点击输入框时获取鼠标焦点,方法并没有错误,正确执行,可是依然不能获取焦点

2)想着会不会是因为弹窗不是在页面最前端,接着又对弹窗加了Z-index属性,可是依然不能获取焦点。

3)最终发现第二个弹窗用的是Bootstrap框架,此框架只支持一层model层,即当前model层上无法再用弹出层,最后找到了解决方案,将第二弹出层的最外层div的 “tabindex=-1”属性去掉即可。

总结原因:

tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。tabIndex的值可为0至32767之间的任意数字。

如果使用-1值时,onfocus与onblur事件仍被启动。tabIndex的值可为0至32767之间的任意数字

你可能感兴趣的:(弹窗内的input输入框无法获取焦点)