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

来源：互联网发布：php 16进制编辑：程序博客网时间：2024/05/17 21:33

$.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(){......})

0 0