1 
<html>
    <div id="pnl_prompt" style="display:none; background-color:#808080">
        <b id="lbl_prompt_title">Prompt</b> <br />
        <span id="lbl_prompt_name" class="right">Field:</span>  <input id="txt_prompt_field" type="text"/>  <hr />
        <input id="btn_prompt_ok" type="button" value="OK"/>
        <input id="btn_prompt_cancel" type="button" value="Cancel"/>
        <script type="text/javascript">
            function myPrompt(title, name, isPassword, callback){
                $("#btn_prompt_ok").click(function(){
                    $("#pnl_prompt").css("display","none");
                    ENTERED_VALUE = $("#txt_prompt_field").val();
                    if(callback)    callback();
                });
                $("#btn_prompt_cancel").click(function(){
                    $("#pnl_prompt").css("display","none");
                    ENTERED_VALUE = null;
                    $("#txt_prompt_field").val("");
                });

                ENTERED_VALUE = null;
                $("#lbl_prompt_title").html(title);
                $("#lbl_prompt_name").html(name+":");
                if(isPassword)  $("#txt_prompt_field").prop("type", "password");
                $("#pnl_prompt").css("display","block").css({position:"absolute",left:"100px",top:"100px"});
                $("#txt_prompt_field").val("").focus();
            }
        </script>
    </div>
</html>

上面的 div 展示了一个带有 OK 和 Cancel 按钮的文本字段。myPrompt 函数使 div 出现，并声明 OK/Cancel 按钮操作。OK 将文本输入值存储到 window.ENTERED_VALUE，然后隐藏 div。考虑以下测试 javascript 调用：

javascript:myPrompt("Hello", "World", false, function(){alert(ENTERED_VALUE);});

它应该在用户通过 OK 按钮提交他的值后提醒输入的值。它会这样做，但如果您再次运行呼叫，则会出现 2 个警报。再次带来 3 个警报等。这是怎么回事？

4

1 回答 1

5

好吧...每次myPrompt使用这些行调用时，您都会分配一个新的单击处理程序：

function myPrompt(title, name, isPassword, callback){
        $("#btn_prompt_ok").click(function(){ // new callback for clicking!
            $("#pnl_prompt").css("display","none");
            ENTERED_VALUE = $("#txt_prompt_field").val();
            if(callback)    callback();
        });

        $("#btn_prompt_cancel").click(function(){ // new callback for clicking!
            ...
于 2013-01-10T21:28:59.077 回答