文本框用js获得焦点问题
2014-12-06 16:38
274 查看
在测试js语句的时候经常会在浏览器的控制台里(F12)跑,今天在控制台里测试文本框的获取焦点的方法就遇到了点问题。
文本框用的就是最简单的input type="text",不管是这个input的dom元素还是它封装的jquery元素,都可以通过focus()方法使得他获得输入焦点。但是放在控制台里执行就是有问题,用的语句是document.getElementById('t1').focus()和$('#t1').focus(),t1是其id。浏览器用的是UC(webkit内核)和chrome,后来用IE(IE11)试了下却是正常的。
琢磨了一会终于发现问题出在浏览器主窗体和控制台的焦点。UC/chrome的控制台执行js,已经使得文本框获得了焦点,但是执行完语句后控制台又夺回了焦点,等待后续语句的输入。而IE控制台执行完js,发现控制台和文本框都有竖线在闪动,这时候继续输入字符,发现会显示在文本框里,说明实际的焦点是在文本框上的。
类似的情况还有用alert来测试失去焦点事件和获取焦点事件也可能会产证这种问题。
文本框用的就是最简单的input type="text",不管是这个input的dom元素还是它封装的jquery元素,都可以通过focus()方法使得他获得输入焦点。但是放在控制台里执行就是有问题,用的语句是document.getElementById('t1').focus()和$('#t1').focus(),t1是其id。浏览器用的是UC(webkit内核)和chrome,后来用IE(IE11)试了下却是正常的。
琢磨了一会终于发现问题出在浏览器主窗体和控制台的焦点。UC/chrome的控制台执行js,已经使得文本框获得了焦点,但是执行完语句后控制台又夺回了焦点,等待后续语句的输入。而IE控制台执行完js,发现控制台和文本框都有竖线在闪动,这时候继续输入字符,发现会显示在文本框里,说明实际的焦点是在文本框上的。
类似的情况还有用alert来测试失去焦点事件和获取焦点事件也可能会产证这种问题。
相关文章推荐
- JS中文本框获得焦点后,光标位置如何跳到文本末尾
- vb6文本框获得焦点问题
- (三)在js(jquery)中获得文本框焦点和失去焦点的方法
- ie文本框获得焦点用css美化的问题
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- js禁用只读文本框获得焦点时的回格键
- createTextRange()方法在js中有什么作用,以及验证输入是否为数字及获得文本框的焦点
- 通过JS实现文本框获得输入焦点时的状态
- js实现文本框提示,获得焦点消失!
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- IE6-IE9兼容性问题列表及解决办法_补充之五:在IE9下, disabled的文本框内容被选中后,其他控件无法获得焦点问题
- JS 文本框焦点问题总结
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- 问题:做了一个获得焦点和失去焦点的js,为什么在火狐上运行都是先失去后获得?
- js 禁用只读文本框获得焦点时的退格键
- JS实现文本框获得焦点,文本框里提示信息自动消失
- js 禁用只读文本框获得焦点时的退格键
- JS实现文本框获得焦点,文本框里提示信息自动消失
- 在IE9下,disabled的文本框内容被选中后,其他控件无法获得焦点问题
- js在打开网页时,用代码来让文本框获得焦点