当页面中(比如弹出框SelectPage)没有textbox等控件如何按Esc关闭

本文介绍了如何在网页上添加ASPxTextBox控件,并通过PageInit事件设置焦点,同时实现ESC键关闭弹窗的交互功能。

1.在网页上添加一个空白的ASPxTextBox控件

<dxe:ASPxTextBox ID="txt_Name" Width="1" runat="server" ReadOnly="true" Border-BorderStyle="None">
                    </dxe:ASPxTextBox>

2.设置焦点在PageInit事件加入

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            this.txt_Name.Focus();
        }
    }

3.在aspx页面加入一段Script:
    <script type="text/javascript">
        function $(s) {
            return document.getElementById(s) ? document.getElementById(s) : s;
        }
        function keydown(e) {
            if (e.keyCode == 27) { parent.ClosePopupCtr(); }
        }
        document.onkeydown = keydown;
    </script>

4.在父页面添加函数:

function ClosePopupCtr() {
    popubCtr.Hide();
    popubCtr.SetContentUrl('about:blank');
}

 

转载于:https://www.cnblogs.com/Clare-zou/p/3404703.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值