检查是否在JavaScript中单击了链接

Question

编辑：我的问题不同于“假定重复”，因为我正在检查如何在单击链接时不触发事件，另一个问题是关于如何检测表单中的更改。

我正在使用一个函数（ 从此处获取 ）在离开页面之前检测对表单所做的任何更改，效果很好，但是当我单击保存按钮时也会触发关闭，因为我正在使用onbeforeunload事件来触发该函数并我想防止这种情况在我单击保存按钮时发生。

这是我的活动：

window.onbeforeunload = function (e) {
    e = e || window.event;
    if (formIsDirty(document.forms[0])) {
        // For IE and Firefox
        if (e) {
            e.returnValue = "You have unsaved changes.";
            alert("You have unsaved changes.");
        }
        // For Safari
        return "You have unsaved changes.";
        alert("You have unsaved changes.");
    }
};

单击此特定保存链接时，如何防止触发此事件？

链接：

<a id="ctl00_ContentPlaceHolder1_lbtnSave" href='/save'>
<img id="ctl00_ContentPlaceHolder1_Image5" class="imgvalign" src="../../images/icons/save.gif"> Save
 </a>

Answer 1

event.target //DOM object.

event.target.id  //id of source element.

sourceElement = $(event.target.id); // will get you jQuery object

您可以检查元素是否为“提交”按钮。如果是，则无需显示消息