关闭Esc keypress上的Ajax Modal弹出窗口

Question

我使用Ajax显示了一个Panel弹出窗口，我要做的是当用户按下Esc键时我要关闭窗口。

这是可能的吗？如果有人知道这件事或以前做过这件事，请帮助我。

由于

Answer 1

这是您可以通过按钮轻松关闭窗口的链接：

http://www.codeproject.com/KB/scripting/Javascript_for_modalpopup.aspx

希望这有帮助。

Answer 2

在页面中添加脚本以使用ESC键关闭模式弹出

   <script type="text/javascript">

    function pageLoad(sender, args){
        if(!args.get_isPartialLoad()){
            //  add our handler to the document's
            //  keydown event
            $addHandler(document, "keydown", onKeyDown);
        }
    }

    function onKeyDown(e){
        if(e && e.keyCode == Sys.UI.Key.esc){
            // if the key pressed is the escape key, dismiss the dialog
            $find('mdlPopupExtender').hide();
        }
    } 

    </script>

Answer 3

假设我们有两个ModalPopupExtender控件， 首先设置每个模态控件的BehaviorID，以便从java脚本访问它， 我将第一个控件P2和第二个P3命名为。 在头标记中写下以下代码：

<script type="text/javascript">
    document.onkeyup =Esc;
    function Esc()
    {
    var KeyID =event.keyCode;
     if(KeyID==27)
     {
     if($find("p2"))
     {
       $find("p2").hide();
     }
     if($find("p3"))
        $find("p3").hide();
     }
    }
</script>

我们使用$ find（p2）来确保页面中存在模态弹出窗口。