关于input内容监听（change）

最新推荐文章于 2024-02-06 15:10:24 发布

weixin_30642029

最新推荐文章于 2024-02-06 15:10:24 发布

阅读量110

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/so-letitgo/p/4517292.html

版权

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>