jquery - onClick 不适用于 IE 11 中的单击

Question

我正在尝试在用户点击视频的任意位置时播放/暂停视频。问题是它在 IE 11 中双击工作，而对于所有其他浏览器，它在单击左键时工作得很好。以下是我的代码。

var obj = "<object id=\"video\" onClick=\"clicked('video')\" data=\"data:application/x-silverlight-2,\" type=\"application/x-silverlight-2\" width=\"" + width1 + "%\" height=\"" + height1 + "%\">" +
                "<param name=\"onLoad\" value=\"pluginLoad\" />" +
                "<param name=\"source\" value=\"player.xap\"/>" +
                "<param name=\"initParams\" value=\"sourceurl=" + url + "\" />" +
                "</object>";

videoClicked方法如下"

function clicked(ID) {
    $("video").css("cursor", "pointer");
    var mediaElementName = "mediaPlayer";
    var host = document.getElementById(ID);
    var s = host.content.findName(mediaElementName).CurrentState;
    if (s == "Paused")
        host.content.findName(mediaElementName).Play();
    else
        host.content.findName(mediaElementName).Pause();
}

我希望它只需单击一下左键即可工作。当我使用 onmousedown 时，它在 IE 11 上也能完美运行。谁能告诉我我的代码有什么问题？

谢谢。

Answer 1

您不应该在 html 中或自己附加处理程序。您将遇到大量这些跨浏览器问题。

试试这个:

$("#video").mouseup(function(e) {
    if (e.which != 1) return false;    // Stops all non-left-clicks
    alert("clicked");
});