如何在javascript中编写自己的确认对话框？

Question

我想写一些像javascript中的confirm()一样的东西,但是我想自己编写它以便我可以为对话框设置外观.难以思考我将如何基本上强制javascript线程等待用户响应然后返回true或false.

Answer 1

如果我是你,我会看一个流行的JavaScript库.大多数都包含某种模态对话框.

我为JQuery找到的一对是jqModal和SimpleModal.

在构建模态对话框时,您必须将事件与按钮联系起来,因此您可以执行以下操作:

function askUserYesOrNo() {
  var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
  $("#yes").click(handleYes);
  $("#no").click(handleNo);
  myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}

function handleYes() {
  //handle yes...
}

function handleNo() {
  //handle no...
}