onclick="return confirm('')" 与 $('.class').click(function () {});

Question

我有这个功能可以在用户点击后禁用输入：

$('.click-off').click(function () {
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});

我有这个输入和 javascript 确认：

<input type="submit" class="click-off" onclick="return confirm('Are you sure?');" value="Delete">

即使我在确认框中单击“取消”，也会调用 $('.click-off').click() 事件，并且按钮会被禁用。

$('.click-off').click() 被很多输入使用，所以确认不能在里面。

如何检查 $('.click-off').click 事件中的确认返回？甚至阻止调用 $('.click-off').click 事件？

Answer 1

为什么你首先要把这些逻辑分开？以下是解决问题的两种方法：

将逻辑组合成一个方法：

$('.click-off').click(function () {
    // escape here if the confirm is false;
    if (!confirm('Are you sure?')) return false;
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});

使用全局变量（最好是对象）：

var clickOffConfirmed = false;

<input type="submit" class="click-off" onclick="clickOffConfirmed = confirm('Are you sure?');" value="Delete" />


$('.click-off').click(function () {
    // escape here if the confirm is false;
    if (!clickOffConfirmed) return false;
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});

Answer 2

尝试捕获确认框，然后禁用按钮。

$('.click-off').click(function () {
  var r=confirm("Press a button");
  if (r==true)
  {
    $(this).attr('disabled', 'disabled');
  }
  else
  {

  }
});

同时移除 onclick

Answer 3

您应该避免使用 jquery 和 onclick 挂钩操作，主要是因为很快您将完全迷失在代码中。

例如，您可以这样做：

$('.click-off').click(function () {

   var r=confirm("Are you sure?")
   if (r==true)
   {
       var btn = this;
       setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
       return true;
   }
   else
   {
       //nothing to do here
   }

});

并移除 onclick 事件。因此，您将把所有东西都放在一个地方。

在您的示例中，您两次连接到 click 事件，尽管结果相互影响，但它们都被触发了。