请帮我写一个动态绑定自定义事件的代码

当然，这是一个简单的JavaScript示例，展示了如何动态绑定自定义事件：

// 首先，我们创建一个自定义事件类型
function CustomEvent(type) {
    var event = document.createEvent('CustomEvent');
    event.initCustomEvent(type, true, true, {key: 'value'});
    return event;
}

// 定义一个元素和一个处理函数
const button = document.getElementById('myButton');
let handleClick;

// 动态绑定事件处理器
button.addEventListener('customClick', function (e) {
    if (handleClick) {
        handleClick(e);
    }
});

// 这里你可以随时更改事件处理器
handleClick = function (event) {
    console.log(`Custom click occurred with key: ${event.key}`);
};

// 触发自定义事件
button.dispatchEvent(new CustomEvent('customClick'));

在这个例子中，我们创建了一个名为`customClick`的自定义事件，并在按钮上动态绑定了这个事件。`handleClick`是事件处理函数，可以被多次设置和更换。