通过获取div父类而不是input触发,可以通过以下几种方式实现:
document.addEventListener('click', function(event) {
if (event.target.classList.contains('div-class')) {
// 在这里处理div被点击的逻辑
}
});
document.querySelector('.parent-div').addEventListener('click', function(event) {
if (event.target.classList.contains('div-class')) {
// 在这里处理div被点击的逻辑
}
});
$('.parent-div').on('click', '.div-class', function() {
// 在这里处理div被点击的逻辑
});
以上方法都是通过利用事件冒泡机制,在父元素上捕获到事件触发的元素,然后进行相应的处理。这样可以避免给每个div元素都绑定事件处理函数,提高了性能和代码的可维护性。
推荐的腾讯云相关产品:腾讯云函数(云函数是一种事件驱动的无服务器计算服务,可以在云端运行代码,无需搭建和管理服务器。通过云函数,可以实现灵活的事件触发和响应,适用于各种场景,包括网站后端逻辑、数据处理、定时任务等。),产品介绍链接地址:https://cloud.tencent.com/product/scf
领取专属 10元无门槛券
手把手带您无忧上云