可能是因为innerHTML会覆盖原有的HTML内容,导致事件绑定失效。解决这个问题的方法是使用事件委托,将事件绑定到父元素上,然后通过事件冒泡的方式触发事件。
具体的解决步骤如下:
下面是一个示例代码:
// dayRender回调函数
function dayRender(date, cell) {
// 使用innerHTML插入内容
cell.innerHTML = '<div class="my-content">点击我</div>';
}
// 给FullCalendar的父元素绑定事件
document.getElementById('calendar-container').addEventListener('click', function(event) {
// 获取被点击的元素
var target = event.target;
// 判断是否是你插入的内容
if (target.classList.contains('my-content')) {
// 执行相应的操作
console.log('点击了插入的内容');
}
});
在上面的示例中,我们将内容插入到FullCalendar的日期格子中,并给父元素绑定了一个click事件。当点击插入的内容时,会触发事件处理函数,并执行相应的操作。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云函数(SCF)。
请注意,以上推荐的腾讯云产品仅供参考,具体选择还需根据实际需求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云