javascript - event.stopPropagation 不工作

Question

我正在使用视频预览系统。 我的源代码片段是

<li id="liVideoList">
    <div class="thumbitem">
        <div>
            <a>
                <img alt="" src="images/download.png" onclick="download('ID')" title="Download" />                                     
            </a>
        </div>
        <img class="imagThumb" alt="Thumbs" class="thumb" src="#Path#" />
    </div>                                           
</li>

点击 li 有一个预览视频的功能。它是动态的，没有问题。但是如果我点击 li 里面的下载按钮，li 和下载按钮的功能都可以使用，这意味着预览发生了意外变化。 为了避免这种情况，我在下载代码之后添加了以下功能

event.stopPropagation();

代码看起来像

function Download(Id) {    
    $.ajax({
        type: "POST",
        url: "MyWebMethods.asmx/Download",
        data: { "Id": Id}
    }).complete(function (data) {

    });
    event.stopPropagation();
}

但两个功能仍然有效

Answer 1

你可以这样做:

function DownloadAsset(AssetId, e) {

    if (!e) var e = window.event
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();

    // your ajax call
    $.ajax({....})
}

其中e在所有浏览器中指代该事件，您可以访问该事件。