Ссылка на ссылке — как нажать на одну, не активируя родительскую?

Question

[KamilFo]

Всем привет!

Кейс (ссылка на ссылке):

<a href="#1" style="width:100px;height:100px;">
    <div class="n1"></div>
    <div class="n2"></div>
    <div class="n3"></div>
    <div><input onclick="#2"></div>
</a>

По умолчанию, при нажатии на input активируется и родительская ссылка #1 и js-действие #2.
Какие CSS-свойства надо прописать у слоев, чтобы при нажатии на input активировалось только js-действие #2 без активации ссылки #1 ?
При этом условие - при нажатии на n1,n2,n3 родительская ссылка #1 не должна перестать активироваться.

Спасибо.

Answer 1

[KamilFo]

Проблема решена.

В JS добавил return false и все заработало.

Answer 2

[Сергей Николаевич]

$(input).on('click', function(e){
    e.stopPropagation();
    #код
});

Comments

[KamilFo]

Только js?
Нет css-свойства для дочернего объекта, который игнорирует родительскую ссылку?

[Сергей Николаевич]

нет

[KamilFo]

Действие #2 выполняется, но все равно перенаправляет по #1 :(

[Сергей Николаевич]

опишите что вы хотите реализовать такой версткой? хотите такую верстку, тогда уходите от тега А и пишите все на js