stopPropagation onclick在嵌套列表中不起作用

Question

我具有以下功能，可以通過單擊嵌套列表中的ul來交換圖像，但是它不會停止冒泡列表。

function bimageswap (step) {
    step.stopPropagation;
    realstep = parseInt(step) + 1;
    nextsteps = realstep + 1;
    for (iss = nextsteps;iss <= 5; iss++) {
        document.getElementById("step" + iss).className = 'step' + iss;
        alert(iss);
    }
    document.getElementById("step" + realstep).className = 'step' + realstep + 'a';
/*$("#step2").css( 'background-image', 'images/adtl_prodimg/discs/step1_.png');*/
    return false;
}

它被這樣稱呼：

<ul onclick='return bimageswap("4")'>

我嘗試了返回，因為這是我在另一個答案中找到的，但是仍然無法正常工作。 我將不勝感激任何幫助，謝謝！

Answer 1

stopPropagation方法位於event對象中，不能在字符串上調用它。 您還缺少括號，因此它將僅從字符串（返回undefined ）獲取stopPropagation屬性並將其丟棄。

將事件對象從事件處理程序發送到函數：

<ul onclick="bimageswap(event, '4');">

在函數中使用事件對象：

function bimageswap(event, step) {
  event.stopPropagation();
  ...