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();
  ...