Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过单击父元素来检测子元素?_Javascript_Jquery_Dom Events - Fatal编程技术网

Javascript 如何通过单击父元素来检测子元素?

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元素。。

我有一个parentelement的click函数。我现在想检测我单击的部分是否具有类子级

$.parent.clickfunction{ 如果$this.hasClass子级{ console.logchild; } }; .child{背景色:粉红色} 名字 姓氏 年龄 访问event.target,它始终引用创建事件的原始目标

在本例中,事件以.child开始,并冒泡到.parent,它击中了此侦听器。。。此时,此和event.currentTarget将引用.parent元素。。但目标仍将引用源元素.child

另外,除非您有其他理由让侦听器打开.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,函数{/*是单击的子元素*/}