18、jQuery 事件处理技巧与优化策略

jQuery 事件处理技巧与优化策略

1. 停止事件传播

在 jQuery 中， stopImmediatePropagation() 方法可以停止事件的立即传播。例如：

jQuery('form')
    .submit(function(e){
       e.preventDefault(); // 阻止表单实际提交
       if( jQuery('#field').val() == '' )
           e.stopImmediatePropagation();
    })
    .submit(function(e){
       // 仅当前面的函数未调用 e.stopImmediatePropagation 时才会执行
    });

此外，还可以临时禁用元素或阻止容器的事件：

(function($){
    function checkEnabled(e){
        if( jQuery(this).is('.disabled') ){
            e.stopImmediatePropagation(); // 停止所有处理程序
            e.preventDefault();
        }
    };
    jQuery.fn.buttonize = function(){
        return this.css('cursor','pointer')