扫码关注官方订阅号
js 当在一个input输入文字后该文本失去焦点,另个input获得焦点,神们指点下如何做
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
监听input1的事件,然后调用input2的focus方法
点击点击预览,然后看RESULT,就能看到效果了,不知道你是不是要的这种.https://jsfiddle.net/3xx15gob/2/
点击预览
RESULT
blur():失去焦点。focus():得到焦点,元素对象调用事件就可以了吧。
//我是用jquery写的,你看下吧 <input name="a" value="" id="a" onkeyup="changeFocus()" /> <input name="b" value="" id="b"/> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> function changeFocus(){ $("#b").focus(); } </script> //如果你想输入几个字符之后再跳转,可以在changeFocus()里面做判断
``$('#input1').on('blur',function(){
$('#input2').focus();
})
<input type="text" id="text1" /> <input type="text" id="text2" /> <script type="text/javascript"> document.getElementById('text1').addEventListener('blur', function() { document.getElementById('text2').focus(); }, false) </script>
不用监听,直接在input 1 上面加个 onChange事件就可以了,这个事件里写让 input 2 获取焦点就ok了。
<input id="ex1" onchange="change()"/> <input id="ex2" /> function change(){ document.getElementById("ex2").focus(); }
原理是这个样子的,小细节你再查查,这个代码应该是运行不了的。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
监听input1的事件,然后调用input2的focus方法
点击
点击预览,然后看RESULT,就能看到效果了,不知道你是不是要的这种.https://jsfiddle.net/3xx15gob/2/
blur():失去焦点。focus():得到焦点,元素对象调用事件就可以了吧。
``
$('#input1').on('blur',function(){
})
不用监听,直接在input 1 上面加个 onChange事件就可以了,这个事件里写让 input 2 获取焦点就ok了。
原理是这个样子的,小细节你再查查,这个代码应该是运行不了的。