Как назначить Child Div, который нажимают внутри Parent Div, который также имеет действие click

Question

Как назначить Child Div, который нажимают внутри Parent Div, который также имеет действие click

0

У меня есть родительский div, который имеет действие click для любой его области. Внутри этого родительского div у меня есть дочерний div и действие click. Когда я выбираю дочерний div, срабатывают оба события click.

Как я могу определить его при нажатии на дочерний элемент и не запускать родительский клик?

HTML

<div id="Parent">
    <div class="Child"></div>
</div>

CSS

#Parent
{
    Width: 300px;
    height: 300px;
    background: #000;
}

.Child
{
    Width: 100px;
    height: 100px;
    background: blue;
}

JQuery

$("#Parent").click(function () {
    window.open('http://www.Google.com', '_blank');
});

$(".Child").click(function () {
    window.open('http://www.Bing.com', '_blank');
});

the sandman 15 фев. 2014, в 00:29

Источник

Теги:

jquery

html

1 ответ

Ещё вопросы

Faust · Accepted Answer · 2014-02-14T22-03-00.000Z

Это потому, что событие "всплывает" через все элементы, используемые в вопросе о нем. Чтобы предотвратить это, event.stopPropagation():

$(".Child").click(function (event) {
    event.stopPropagation()
    window.open('http://www.Bing.com', '_blank');
});