javascript - 是否可以在 JAVASCRIPT 中扩展 prompt() 对象

Question

为了确保问题更清楚，

我想在 JAVASCRIPT 中重新实现提示对象，因为我想同时从用户那里获取两个变量。

如果可以扩展、重新实现或覆盖此对象，请告诉我如何做。如果没有，您有更好的解决方案吗？

谢谢。

Answer 1

你应该使用类似 http://jqueryui.com/demos/dialog/#modal-form 的东西

你需要在你有对话框的地方拆分你的 javascript

如果你有

function getAndUseUserInfo() {
   bla1();
   bla2();
   var x = prompt("Gimme something for bla 3","");
   if (x) bla3(x); // this will not be executed until user closes prompt
}

你现在需要

function getUserInfo() {
  bla1();
  bla2();
  var x = "";
  $( "#dialog-form" ).dialog({
    autoOpen: false,
    height: 300,
    width: 350,
    modal: true,
    buttons: { 
      "OK": function() { x = $("#someIdFromtheForm").val(); $(this).dialog("close");}
      "CANCEL": function() { $(this).dialog("close");}
    }
    close: function() {
      if (x) bla3(x);
    }
  });
}

或者，如果您坚持要覆盖内置函数，您可以执行类似这样的操作(由于我没有使用 html 页面，目前会出现错误):

  var orgPrompt = window.prompt;
  var varone, vartwo;
  function saveVars(doc) {
    varone = doc.getElementById("x").value;
    vartwo = doc.getElementById("y").value
    return [varone,vartwo];
  }
  window.prompt=function(one,two) {
    var html = '<center><br><br>'+one+':<input type=text id=x><br>'+two+':<input type=text id=y><br><input type=button value=OK onclick=\'window.returnValue=window.dialogArguments.saveVars(document);window.close()\'/>';
    var res = showModalDialog('javascript:"'+html+'"',window,"dialogWidth:100px;dialogHeight:100px");
  }
  x = prompt('first name','last name')
  alert(x)