爲什麼這個inline stopPropagation方法調用不起作用？

Question

我有這個按鈕：

<button 
    type="button" 
    onclick='parent.parent.ExecuteCommand(14);event.stopPropagation()' 
    class="button_air-medium"> 
    <img 
     id="selectMode" 
     class="shortcutContant" 
     src="../stdicons/icon_select.gif"> 
</button> 

正如你可以看到裏面onclick屬性我叫兩個功能ExecuteCommand和stopPropagation。

執行命令工作正常，但在我看來，stopPropagation方法沒有被觸發，因爲該按鈕下的元素會受到影響。

任何想法爲什麼stopPropagation方法不起作用？

Answer 1

有可能沒有event可在瀏覽器中內嵌處理器使用的是

，如果你使用

<button type="button" data-commandnumber="14" 
class="button_air-medium"><img id="selectMode" class="shortcutContant" 
src="../stdicons/icon_select.gif"></button> 

如果你

$(function() { 
    $(".button_air-medium").on("click",function(e) { 
    e.stopPropagation(); 
    parent.parent.ExecuteCommand($(this).data("commandnumber")) 
    // or return false here 
    }); 
}); 

你將有一個更簡單的時間想要停止處理您可以嘗試的事件的圖像

$(function() { 
    $(".button_air-medium").on("click",function(e) { 
    e.stopPropagation(); 
    parent.parent.ExecuteCommand($(this).data("commandnumber")) 
    // or return false here 
    }); 
    $(".button_air-medium > img").on("click",function(e) { 
    $(this).parent().click(); 
    return false; 
    }); 
}); 

或找到它的處理和編輯處理