// 绑定自定义事件
$(document).on('customEvent', function(event, param1, param2) {
    console.log('事件触发:', param1, param2);
});

// 触发自定义事件
$(document).trigger('customEvent', ['参数1', '参数2']);

// 带命名空间的事件
$(document).on('customEvent.moduleA', function() {
    console.log('模块A的事件处理');
});

// 移除特定命名空间的所有事件
$(document).off('.moduleA');

// 先解绑再绑定
$(document).off('customEvent').on('customEvent', handler);

// 在适当时候解绑
$(document).off('customEvent');

// 或者使用命名空间便于管理
$(document).on('customEvent.module1', handler);
// 移除时
$(document).off('.module1');

// 阻止事件冒泡
$(document).on('customEvent', function(event) {
    event.stopPropagation();
    // 处理逻辑
});

// 使用优先级
$(document).on('customEvent', {priority: 10}, highPriorityHandler);
$(document).on('customEvent', {priority: 5}, lowPriorityHandler);

$(document).on('customEvent', function(event) {
    console.log(event.customProperty); // 访问自定义属性
});

var event = jQuery.Event('customEvent');
event.customProperty = 'value';
$(document).trigger(event);

// 即使动态添加的元素也会响应事件
$(document).on('customEvent', '.dynamic-element', function() {
    // 处理逻辑
});

$(document).one('customEvent', function() {
    console.log('只执行一次');
});