时时监控 input 输入框输入的文本值

最新推荐文章于 2022-02-21 09:02:41 发布

大可乐曹键

最新推荐文章于 2022-02-21 09:02:41 发布

阅读量557

点赞数

分类专栏： JS&jQuery&BootStrap&EasyUI

JS&jQuery&BootStrap&EasyUI 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">

   $(function(){
            //IE
           var browserName=navigator.userAgent.toLowerCase();

           if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){

                   $("#msg_bg_color_text").get(0).addEventListener("input",function(o){
                   // alert(o.target.value);

                      console.info("****************" + o.target.value );
                },false);

               alert("IE");
            //非IE
            }else{
               alert("no IE");
                  $("#msg_bg_color_text").get(0).attachEvent("onpropertychange",function (o){
                         // alert(o.srcElement.value);
                           alert(o.srcElement.value);
                             console.info("****************" + o.srcElement.value );
                    });
            }
    });

$(document).ready(function(){



                       $("#msg_bg_color_text").change( function() {
                              console.info("****************" +$(this).val() );
                       });


});
</script>

</head>
<body>

               颜色：<input type="text" id="msg_bg_color_text" name="msg_bg_color" value="000fff"/>
                       <span id="msg_bg_color_look">abcddddd</span>

</body>
</html>