Javascript-在继续之前等待事件

我正在尝试创建一个javascript函数，它可以执行以下操作：

onclick，浮动div中的表单弹出窗口（这部分没问题）

然后，脚本将在返回表单中的值之前等待数据输入表单

您可以说我正在尝试创建自己版本的javascript提示符

问题是如何采取行动#2

---

感谢您的帮助。

。请参阅中的示例。

强调一个Javascript函数的原因是什么

function showModal() {
    var div = document.createElement('div');
    div.id = 'myprompt';
    div.innerHTML = '<form id="test" onsubmit="return handleModal();"><input type="text" name="first"></form>';
    document.body.appendChild(div);
}

function handleModal() {
    alert('Hello, ' + document.getElementById('test').first.value);
    return false;
}

showModal();

函数showmodel（）{
var div=document.createElement（'div'）；
div.id='myprompt'；
div.innerHTML=''；
文件.正文.附件（div）；
}
函数handleModal（）{
警报（'Hello'，+document.getElementById（'test'）.first.value）；
返回false；
}
showModal（）；

。只需键入一些内容，然后按enter键。样式将通过CSS完成

Javascript的很大一部分是事件：在发生这种情况时执行此操作。你不应该试图反抗它

正如你所看到的，这会很快变得毛茸茸的。您应该仔细研究许多非常好地处理这一问题的库和插件。我个人推荐和，或者