Javascript - 在继续之前等待事件答案

【问题标题】：Javascript - Waiting for event before proceedingJavascript - 在继续之前等待事件
【发布时间】：2009-06-08 05:21:00
【问题描述】：

我正在尝试创建一个可以执行以下操作的 JavaScript 函数：

onclick，浮动div中的表单弹出（这部分还可以）
脚本然后在返回表单中的值之前等待数据输入到表单中。

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

问题是如何进行操作#2？

任何帮助表示赞赏。

【问题讨论】：

标签： javascript

【解决方案1】：

jQuery modal dialog boxes。请参阅SimpleModal 中的示例。

【讨论】：

【解决方案2】：

强调ONE 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();

Check this out in action。只需输入一些内容，然后按 Enter。样式将通过 CSS 完成。

Javascript 的很大一部分是事件：当 this 发生时执行 this。你不应该试图与之抗争。

如您所见，这很快就会变得棘手。您应该研究许多可以很好地处理此问题的库和插件。我个人推荐jQuery和Thickbox、jModal或Impromptu。

【讨论】：