码迷,mamicode.com
首页 > 其他好文 > 详细

实时监听输入框值变化

时间:2015-09-08 16:45:10      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

判断ie678

//是否是IE678
        isIE678: function () {
            return !+‘\v1‘;
        },

监听输入框变化

if(util.isIE678()){
                //ie678下的实时搜索
                var enameSearch = document.getElementById("chooseUser");
                var oRealSearch = enameSearch.getElementsByTagName("input")[1];
                oRealSearch.detachEvent("onpropertychange");
                oRealSearch.attachEvent(‘onpropertychange‘,function(e){
                    if(e.propertyName === ‘value‘){
                         
                    }
                })
            }else{
                $("#chooseUser").delegate(".real-search", "input", function(){
                   
                });
            }

在监听到 onpropertychange 事件后,可以使用 event 的 propertyName 属性来获取发生变化的属性名称。

修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化。
修改了 input:text 或者 textarea 元素的值,value 属性发生变化。
修改了 select 元素的选中项,selectedIndex 属性发生变化。


使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了

$(‘textarea‘).bind(‘input propertychange‘, function() {
    $(‘.msg‘).html($(this).val().length + ‘ characters‘);
});

  

 

实时监听输入框值变化

标签:

原文地址:http://www.cnblogs.com/fudapeng/p/4792172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!