Есть квадрат на нем кнопка, как разделить события по клику?

Question

[acspro]

Есть квадрат, на нем кнопка. При клике на квадрат к нему добавляется класс active либо убирается если уже есть. Как сделать чтобы при клике на кнопку не обрабатывался клик на квадрат?

Answer 1

[Александр Батухтин]

Всплытие и перехват

Answer 2

[pegas]

<div>
     <input type="button">
     
 </div>

div{
    width: 300px;
    height: 300px;
    background: black;
    text-align: center;
}
input{
    width: 100px;
    height: 30px;
    margin-top: 120px;
}

$('div').click(function(){
    $(this).toggleClass('active');
});
    $('input').click(function(a){
    a.stopPropagation();
});

Это имеете в виде? при нажатии на кнопке класс не присваивается.