首页 > 其他 > 详细

实时监听输入框值变化

时间:2015-09-08 16:42:48      阅读:206      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!