javascript - 通过jquery.change方法监听文本框,但在失去焦点后才会触发,如何跳过blur事件监听文本框的变化
伊谢尔伦
伊谢尔伦 2017-04-11 13:12:42
0
3
539

通过下面的小程序发现,通过txt2改变txt1的值时,不会进入txt1的change()方法。只有在光标进入txt1控件中,并修改里面的值,触发blur事件后,才进入change()方法

问题是:如何能(跳过blur)真实的监听文本框的值改变?

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <input type="text" id="txt1"/>
    <input type="text" id="txt2"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            //文本框1改变时,输出日志
            $("#txt1").change(function(){
                window.console.info("txt1 change");
            });

            //文本框2改变时,给文本框1赋值字符串(也就是改变文本框的值)
            $("#txt2").change(function(){
                $("#txt1").val("123");
            });
        });
    </script>
</body>
</html>
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
左手右手慢动作

使用如下事件
oninput
onpropertychange (IE only)


$('input,textarea').on('input propertychange', function(e){


});
黄舟

//文本框2改变时,给文本框1赋值字符串(也就是改变文本框的值)

            $('#txt2').bind('input propertychange', function() {
                $('#txt1').val($(this).val());
            });
左手右手慢动作

该用keypress吧,可以对文本框输入的值实时监控。之前用过change,感觉有点鸡肋。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!