链接和下拉选择器的阻止默认行为的相反操作是什么？

Question

链接和下拉选择器的阻止默认行为的相反操作是什么？

jqueryasp.net-mvc-3callbackclickpreventdefault

3

我在MVC视图中有一些链接和一个下拉选择器的jQuery点击事件，并在执行事件之前阻止它们的默认行为，因为大多数情况下它们会重定向到另一个视图（重定向会停止我的jQuery代码，对吧？）。在所有回调结束后，我想让这些链接和下拉选择器执行它们的默认事件，以便页面不只是呆在原地没有任何反应。

有没有一种简单的方法可以让所有链接/下拉选择器返回到默认状态，然后使用jQuery进行编程式的点击？我已经尝试了$(this).click()、$(this).submit()、e.click()和e.submit()，但都没有成功。

以下是我的代码：

 $("input,a,select").not("#SubmitButton").click(function (e) {
        e.preventDefault();
        console.log("prevented default");
        deletePreview($(this));
    });
    function deletePreview(button) {
        console.log("clicked");
        //Delete Offer from DB
        $.post('@Url.Content("~/")Offer/DeleteJoAnnOffer/?offerId=' + offerID, function (data) {
              console.log("finished deleting");
              if (button.attr('id') == "CancelButton") {
                 window.location.href = '@Url.Content("~/")Offer/CreateJoAnn/';
              } else {

                  //DO DEFAULT ACTION HERE

              }
       });
    };

[编辑]: 再问一个问题: 如果我不使用preventDefault(), 我的jquery事件会执行(因为我的控制台记录了"点击"), 但我不能确认jquery提交是否实际执行，因为控制台在新页面上刷新。

- Evan Layman

好问题。我也想知道 :) - cmplieger

可能是重复的问题：如何重新启用event.preventDefault？ - John Flatness

对于第二个问题：如果执行后不够快，它的请求可能会被取消（请求中止）。因此，它可能会或可能不会被执行。如果您将ajax请求变成同步的，您就不会遇到这个问题。 - longchiwen

2个回答

0

我认为在你的情况下，你不需要调用preventDefault，因为你的事件处理程序将首先被执行。(也许在if语句中，当你想要导航到其他地方时，你可以调用它。)

- Tz_

我并不想完全阻止preventDefault，只是因为页面在所有控制台输出之前重定向，所以我的帖子没有被完成。我这样想错了吗？ - Evan Layman

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- longchiwen · Accepted Answer

jQuery中的“post”函数是异步操作（默认情况下async标志为true）。在单击事件中的代码将在页面重新加载之前完全执行，因此无需使用preventDefault。您需要将deletePreview中的post函数更改为同步：

        $("input,a,select").not("#SubmitButton").click(function (e) {
             console.log("you do not need to call prevented default :)");
             deletePreview($(this));
         });
         function deletePreview(button) {
             console.log("clicked");
             //Delete Offer from DB
             $.ajax('@Url.Content("~/")Offer/DeleteJoAnnOffer/?offerId=' + offerID,
             {
                 async: false,
                 success: function (data) {
                     console.log("finished deleting");
                     if (button.attr('id') == "CancelButton") {
                         window.location.href = '@Url.Content("~/")Offer/CreateJoAnn/';
                     } else {

                         //DO DEFAULT ACTION HERE

                     }
                 }
             });
         };

这意味着在 click 事件中的代码将等待 deletePreview 中的 ajax 调用完成。

请参阅 http://api.jquery.com/jQuery.ajax/ 了解 async 参数的解释。