$.event.special自定义事件机制

$.event.special在一般的JQuery的event机制当中没有提及到新建监控事假的机制。实际上可以通过$.event.special.newWay={}的方法进行新建事件的监测。

新建事件的检测后可利用新事件监测进行bind()绑定。

以下是$.event.special事件的示例：

/*
* jQuery input event
* Author: tangbin
* Blog: http://www.planeart.cn
* Date: 2011-08-18 15:15
*/
(function ($) {

// IE6\7\8不支持input事件，但支持propertychange事件
if ('onpropertychange' in document) {
        // 检查是否为可输入元素
        var rinput = /^INPUT|TEXTAREA$/,
                isInput = function (elem) {
                        return rinput.test(elem.nodeName);
                };
                
        $.event.special.input = {
                setup: function () {
                        var elem = this;
                        if (!isInput(elem)) return false;
                        
                        $.data(elem, '@oldValue', elem.value);
                        $.event.add(elem, 'propertychange', function (event) {
                                // 元素属性任何变化都会触发propertychange事件
                                // 需要屏蔽掉非value的改变，以便接近标准的onput事件
                                if ($.data(this, '@oldValue') !== this.value) {
                                        $.event.trigger('input', null, this);
                                };
                                
                                $.data(this, '@oldValue', this.value);
                        });
                },
                teardown: function () {
                        var elem = this;
                        if (!isInput(elem)) return false;
                        $.event.remove(elem, 'propertychange');
                        $.removeData(elem, '@oldValue');
                }
        };
};

// 声明快捷方式：$(elem).input(function () {});
$.fn.input = function (callback) {
        return this.bind('input', callback);
};

})(jQuery);

调用测试：$(elem).bind("input", function(){......})