Javascript 如何通过单击父元素来检测子元素?
我有一个parentelement的click函数。我现在想检测我单击的部分是否具有类子级 $.parent.clickfunction{ 如果$this.hasClass子级{ console.logchild; } }; .child{背景色:粉红色} 名字 姓氏 年龄 访问event.target,它始终引用创建事件的原始目标 在本例中,事件以.child开始,并冒泡到.parent,它击中了此侦听器。。。此时,此和event.currentTarget将引用.parent元素。。但目标仍将引用源元素.child 另外,除非您有其他理由让侦听器打开.parent,否则您可以直接将侦听器添加到子级,如下所示:Javascript 如何通过单击父元素来检测子元素?,javascript,jquery,dom-events,Javascript,Jquery,Dom Events,我有一个parentelement的click函数。我现在想检测我单击的部分是否具有类子级 $.parent.clickfunction{ 如果$this.hasClass子级{ console.logchild; } }; .child{背景色:粉红色} 名字 姓氏 年龄 访问event.target,它始终引用创建事件的原始目标 在本例中,事件以.child开始,并冒泡到.parent,它击中了此侦听器。。。此时,此和event.currentTarget将引用.parent元素。。
$( ".parent .child" ).click(function() {
console.log("child");
});
访问event.target,它始终引用创建事件的原始目标
在本例中,事件以.child开始,并冒泡到.parent,它击中了此侦听器。。。此时,此和event.currentTarget将引用.parent元素。。但目标仍将引用源元素.child
另外,除非您有其他理由让侦听器打开.parent,否则您可以直接将侦听器添加到子级,如下所示:
$( ".parent .child" ).click(function() {
console.log("child");
});
您可以使用event.target确定单击的原始目标:
$.parent.clickfunction{
如果$e.target.hasClasschild{
console.logchild;
}
};
.孩子{
背景颜色:粉红色
}
名字
姓氏
年龄
您可以使用event.target确定单击的原始目标:
$.parent.clickfunction{
如果$e.target.hasClasschild{
console.logchild;
}
};
.孩子{
背景颜色:粉红色
}
名字
姓氏
年龄
如果单击的元素具有类子元素,函数是否只需要执行某些操作?如果是这样,那么使用事件委托并让jQuery为您完成工作:$.parent.onclick.child,函数{/*是被单击的子元素*/}如果被单击的元素具有类child,函数是否只需要执行某些操作?如果是这样,那么使用事件委派并让jQuery为您完成工作:$.parent.onclick、.child,函数{/*是单击的子元素*/}