javascript - js 当在一个input输入文字后,另个指定的input “自动” 获得焦点,神们指点下如何做, 不好意思是我没描述清楚
高洛峰
高洛峰 2017-04-11 09:17:34
[JavaScript讨论组]

js 当在一个input输入文字后该文本失去焦点,另个input获得焦点,神们指点下如何做

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(7)
巴扎黑

监听input1的事件,然后调用input2的focus方法

PHP中文网

点击点击预览,然后看RESULT,就能看到效果了,不知道你是不是要的这种.
https://jsfiddle.net/3xx15gob/2/

黄舟

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();
}

原理是这个样子的,小细节你再查查,这个代码应该是运行不了的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号