关于input内容监听（change）

js的话利用input的onchange事件

而jquery的话利用change()函数，代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div data-default="">
            cc
        </div>
        <input type="text" name="" id="" value="" />
        <script type="text/javascript">
            $('input[type="text"]').change(function(){
                $('div').attr({'data-default': $(this).val()});
                
                $('div').text($('div').attr('data-default'));
            });
            
        </script>
    </body>
</html>

 

posted @ 2015-05-20 15:34  深海懒猫  阅读(1093)  评论(0)  编辑  收藏  举报