Как предотвратить событие ребенка от стрельбы в JQuery

Question

Так я есть кнопка

<input id="expandButton" type="submit" value="Expand" class="loadWindow"/> 

Я приложил обработчик два события.

function confirmContinue() { 
    return confirm("Do you want to expand window, might reload some information?"); 
} 

$("input.loadWindow").click(function(event) { 
     showProcessingWindow(event); 
} 

$("#expandButton").click(function(event) { 
    var result = confirmContinue(); 
    if (!result) { 
      event.preventDefault(); 
      event.stopPropagaton(); 
    } 
} 

Я хочу предотвратить событие ввода «input.loadWindow» при стрельбе, если они говорят, что отменить.

Это то, что происходит прямо сейчас. Кнопка нажата -> Подтверждение пожара -> Я нажимаю кнопку отмены -> показывается окно обработки.

Я хочу, чтобы Кнопка нажата -> Подтверждение огня -> i click cancel -> ничего не делать.

Answer 1

Похоже event.stopImmediatePropagation() будет работать в этом случае.

$("#expandButton").click(function(event) { 
    var result = confirmContinue(); 
    if (!result) { 
      event.preventDefault(); 
      event.stopImmediatePropagation(); 
    } 
} 

Фидл демо-http://jsfiddle.net/w2vwn35x/1/

Answer 2

Попробуйте это:

$("#expandButton").click(function(event) { 
 
    if(confirm('Do you want to expand window, might reload some information?')){ 
 
     // call your function here 
 
    }else{ 
 
     return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="expandButton" type="submit" value="Expand" class="loadWindow"/>

Answer 3

В качестве альтернативы, использовать флаг.

var doShowWindow = true; 
$("#expandButton").click(function(event) { 
    var result = confirmContinue(); 
    if (!result) { 
     doShowWindow = false; 
    } 
}); 

$("input.loadWindow").click(function(event) { 
    if(doShowWindow){ 
     alert(1); 
    } 
    doShowWindow = true; 
}); 

Here's a fiddle.