javascript - 如何弹出询问 "are you sure you want to cancel?"的警报

Question

目前，我的取消按钮有这个 jQuery 代码

$('#cancel').click(function () {
    $('#edit').show();
    $('#savechanges, #cancel').hide();
    $("#target :input").prop("disabled", true);
});

如何让点击取消按钮时弹出提醒？我知道这很简单，但我只是想学习。

Answer 1

您可以使用确认警报来确保用户在继续输入您想要用于取消事件的代码之前确认其操作。

$('#cancel').click(function() {
  if (confirm('Are you sure?')) {
    $('#edit').show();
    $('#savechanges, #cancel').hide();
    $("#target :input").prop("disabled", true);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="cancel">cancel</button>
<button id="savechanges">Save</button>
<div id="edit">edit</div>