javascript - 使用javascript和CSS自定义提示框

Question

我正在开发自定义提示框。到目前为止，我使用了一个隐藏的 div，它在使用 javascript 单击按钮时显示:

function openPromptBox() {
var pos = FindXY(document.promptForm);
var cont = $('promptContainer');
var searchBox = $('promptBox');

searchBox.style.left = (pos.x - 20) + "px";
searchBox.style.top = (document.body.scrollTop + 100) + "px";

cont.style.display = "block";
}

这是div:

<div id="promptContainer">
<div id="promptBox">
    <table>
        <tr>
            <td colspan="2">
                <input type="text" name="result" id="result" size="25"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="btnOK" value="OK" />
            </td>
            <td>
                <input type="button" id="btnCancel" value="Cancel" />
            </td>
        </tr>   
    </table>
</div>          
</div>

现在，每当单击 btnOK 按钮时，我需要将文本框 result 的值返回给函数 openPromptBox。有什么办法吗？

Answer 1

不，这是不可能的。

提示 打开模式对话框并阻止所有进一步的 JavaScript(以及与页面的交互)，直到用户激活其中一个按钮。

当您将表单字段插入到 HTML 文档中时，不会发生阻塞(也不可能发生阻塞，因为那样会阻止用户填写表单)。

您需要将事件监听器绑定(bind)到您创建的表单字段，然后像处理任何其他响应一样处理向前的响应asynchronous operation .