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 对象中，您不能在字符串上调用它。您还缺少括号，因此它只会从字符串中获取 stopPropagation 属性（返回 undefined）并丢弃它。

将事件对象从事件处理程序发送到函数：

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

在函数中使用事件对象：

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