ReadOnly TextBox在输入退格键时导致页面返回

时间:2015-04-02 17:23:03

标签: javascript asp.net

我正在尝试使用下面的代码(From Here)来避免在ReadOnly TextBox上按退格键时返回页面,但它无效:

代码在Master Page内,而内容WebForm包含ReadOnly TextBox

    <head runat="server">
    <title>Title</title>
    <!-- Site Style Declarations -->
    <link rel="Stylesheet" href="../../css/reset.css" type="text/css" />
    <link rel="Stylesheet" href="../css/default.css" type="text/css" />  

    <script type="text/javascript" language="javascript">            
        function cancelBack()   
        {   
            if ((event.keyCode == 8 ||    
               (event.keyCode == 37 && event.altKey) ||    
               (event.keyCode == 39 && event.altKey))   
                &&    
               (event.srcElement.form == null || event.srcElement.isTextEdit == false)   
              )   
            {   
                event.cancelBubble = true;   
                event.returnValue = false;   
            }   
        }  
    </script>

</head>
<body onkeydown = "cancelBack()">

但是当从内容Web表单按下ReadOnly TextBox中的BackSpace键时,它会继续前一页,任何想法为什么不起作用?

1 个答案:

答案 0 :(得分:0)

尝试在文本框中添加属性onkeydown = "cancelBack()"吗?

如果您需要在javascript中执行此操作:

$(":text[readonly]").keydown(function() { cancelBack(); });