Предотвращение выполнения Javascript

Question

<div onclick="AutogeneratedMethod()"> 
<span>SPAN 1 : I require auto method </span> 
<span onclick="DesiredMethod()">SPAN 2 : I do not require auto method</span> 
</div> 

В приведенном выше примере кода, как предотвратить вызов AutogeneratedMethod(), когда пользователь нажимает на SPAN 2? Я не контролирую декларацию div и ее поведение onclick. Эта строка автоматически генерируется из используемой структуры.

Я ищу что-то, что убьет выполнение Javascript в конце DesiredMethod(). Что-то вроде этого:

function DesiredMethod() { 
//Do necessary stuff 
exit; //Abort any further Javascript 
} 

Answer 1

Вы хотите, чтобы остановить event propagation. IE имеет cancelBubble.

Answer 2

Вы также можете просто переместить вещи вокруг немного, как это:

<div> 
    <span onclick="AutogeneratedMethod()">SPAN 1 : I require auto method </span> 
    <span onclick="DesiredMethod()">SPAN 2 : I do not require auto method</span> 
</div> 

Тогда вам не нужно будет беспокоиться о распространении событий и бульканье.

Возможно, вы также захотите рассмотреть возможность добавления событий JavaScript через другой механизм с помощью фреймворка (jQuery и т. Д.) Или с помощью чистого JavaScript. Выполнение этого с помощью HTML-атрибутов неодобрительно по многим причинам. Отъезд this link для более подробной информации.