视图上所有按钮/链接点击或下拉更改的 jQuery 事件

Question

我正在 asp.net mvc3 中工作，并且有我的选项卡和登录数据的部分视图。在一个视图（我的预览视图）中，我生成一些图像，并将它们上传到云，然后向用户显示它们。然后，用户可以选择取消或提交。

我想要除了 Submit 之外的任何按钮、ActionLink 或下拉菜单来执行取消功能（这涉及从云中删除图像以及其他一些操作），但我不知道如何获取除 Submit 单击之外的每个事件的 jQuery 事件处理程序。目前，我有一个 jQuery“取消”函数，它绑定到 Cancel 按钮上的单击事件，现在需要扩展其用法。

我认为这是不言自明的，但如果您需要查看代码，请询问。

所有可能的事件： 在我的部分视图中，我有这些 razor html 帮助器：2 x @Html.ActionLinks 和 1 x @Html.DropDownList

我的“取消”和“提交”按钮采用以下形式：< code>

[更新]: 我的点击事件现在正在运行，但是我想使用e.preventDefault(); 在我的点击上，这样它就不会在我的取消/删除完成之前更改视图，但是如何在我的取消函数完成后同步提交项目呢？我假设我使用回调，但是我使用 e.submit() 或 e.click() 还是其他东西？我希望它适用于 标签和 dropDown 更改

Answer 1

这个怎么样？

$("input,a,select").not("input:submit").click(function(e) {
    // do work
});

---

工作示例： http://jsfiddle.net/eqwkD/

---

更新

$("input,a,select").not("#SubmitButton").click(function(e) {
    // do work
});

Answer 2

如果不是提交类型，下一个代码将在单击时调用 cancelFunction：

$(":input").click(function ({
    if (!$('#myinput').is(':submit')) {
         cancelFunction();
    }
});

这将使所有非提交类型的按钮调用取消按钮。如果您想更具体地向按钮添加一个 id 并使用以下代码：

$(":input").click(function() {
    if (!($('#myinput').attr("id") == "idOfSubmitButton")) {
         cancelFunction();
    }
})

Answer 3

您可以尝试在 jQuery 单击处理程序中使用 :not 选择器：

$("input,a,select").not("#submit").click(cancelFunction);

这将选择除 id 为“submit”的元素之外的所有输入元素，并将它们绑定到您的取消函数。