父母和孩子中的点击事件

克里希纳·敦加纳

我有一个具有子div元素的父元素DIV。对于父级及其子级,我有单独的单击实现。

<div id="mainContainer">

    <div id="childContainer">    
    </div>

     <div id="childContainer2"> 
    </div>

</div>

$('#mainContainer').click(function () {

        console.log('main container');

    }).children().click(function () {
        console.log('childen');
        return false;
    });

    $('#childContainer2').click(function () {

        console.log('child container 2');

    }); 

一切正常。但是如果我单击一个孩子,则该事件将运行两次,这应该是这样的。我的问题是-有没有一种方法可以将事件显式地写入父级,而不会影响子级,从而使子级不需要两次执行click函数?

是的,您可以更改绑定事件的顺序并停止传播,请使用stopImmediatePropagation

考虑这个小提琴

$('#childContainer2').click(function (e) {       
       alert('child container 2'); 
        e.stopImmediatePropagation()
     return false;
    }); 
$('#mainContainer').click(function () {
alert('main container');

    }).children().click(function (e) {
       alert('childen');
        return false;
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

在父母和孩子的表Laravel中插入行

来自分类Dev

Java中的树实现(根,父母和孩子)

来自分类Dev

当孩子被点击时触发父点击事件

来自分类Dev

让孩子与父母的点击事件

来自分类Dev

SQL查询选择孩子和父母

来自分类Dev

在自参考表中查询父母和孩子

来自分类Dev

MySQL从表中选择父母和孩子

来自分类Dev

相同点击事件触发父母和孩子

来自分类Dev

打开一个孩子的div点击父母的

来自分类Dev

CQ模板中的“允许的父母和允许的孩子”属性

来自分类Dev

如何在Polymer.dart中监听从父母传递给孩子的事件

来自分类Dev

反应-防止父母触发孩子的事件触发

来自分类Dev

家长布局和孩子点击事件的Ontouch

来自分类Dev

激发孩子的mousedown事件时如何停止父母的click事件

来自分类Dev

防止在拖动孩子时在父母上发生点击事件

来自分类Dev

在SwiftUI中从孩子的孩子调用父母的函数

来自分类Dev

苗条:在父母和孩子之间转移道具

来自分类Dev

Laravel,由父母和孩子获得结果

来自分类Dev

在父母和孩子的表Laravel中插入行

来自分类Dev

Vue 3:从孩子到父母的发射事件

来自分类Dev

修改WordPress中父母和孩子的图标

来自分类Dev

让孩子在父母身上点击事件

来自分类Dev

父母和孩子的订单查询

来自分类Dev

防止孩子发生点击事件,产生由父母触发的弹出窗口

来自分类Dev

家长布局和孩子点击事件的Ontouch

来自分类Dev

你如何在laravel eloquent中查询孩子和父母

来自分类Dev

你如何在laravel eloquent中查询孩子和父母

来自分类Dev

单击孩子时,孩子和父母会触发两个不同的事件

来自分类Dev

Caliburn.micro 父母->孩子和孩子->父母互动

Related 相关文章

热门标签

归档