2015-12-08 7 views
1

Я попытался использовать слушатель событий с HTML:HTML предотвращает событие нажмите на внутренней DIV

<div style="width: 200px;height: 200px" id="outerDiv" onClick="alert(1)"> 
    <div id="innerDiv" style="width: 200px;height: 200px">no click</div> 
</div> 

Как сделать так, чтобы нажав на DIV (ID = innerDiv) не предупредит 1? Я хочу, чтобы нажатие только внешнего div давало предупреждение.

+0

Рассмотрим добавление «CSS» и теги «JavaScript». – Krii

ответ

3

Вы можете предотвратить распространение, как это на innerDiv так будет только огонь для outerDiv:

onClick="event.stopPropagation()" 

Также см How to stop event propagation with inline onclick attribute?

+0

Я считаю, что OP хочет только 'outerDiv' для' alert (1) ', а не' innerDiv' – camelCase

+0

. Я думаю, что put 'onClick =" alert (1) "' на 'outerDiv' и' onClick = "event.stopPropagation() "' на 'innerDiv' будет делать это. – sourcx

+1

Я считаю, что это будет, но ваша формулировка говорит, что он не будет срабатывать для 'outerDiv'_, но это то, чего хочет OP. [Ваш код верный] (http://jsfiddle.net/8qb0nzco/), но я думаю, что формулировки нет. – camelCase