Esc button is not working for pop up box .

Question

0.00/5 (No votes)

See more:

I have tried this code

JavaScript

<script type="text/javascript">
      function ESCclose(e) {
          if (evt.keyCode == 27)
              window.close();
      }
  </script>

Posted 20-Feb-15 22:05pm

Member 11382784

Updated 20-Feb-15 22:53pm

v4

Add a Solution

Comments

Richard MacCutchan 21-Feb-15 4:18am

Why have you tagged this ".NET4"? This is obviously a Javascript question.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Wendelius · Answer 1 · 2015-02-20T22:21:00

Solution 1

Have you wired for example ONKEYDOWN event to call your function?

Also it seems that you investigate evt parameter but the name of the parameter is e
So perhaps it should be

JavaScript

...
function ESCclose(evt) {
...

Posted 20-Feb-15 22:21pm

Wendelius

Comments

Member 11382784 21-Feb-15 4:52am

Wendelius 21-Feb-15 5:03am

Do you actually call the function somewhere? For example in ONKEYDOWN event?

Member 11382784 21-Feb-15 5:24am

onkeypress="ESCclose(evt)"

i have written this in div

Wendelius 21-Feb-15 5:34am

onkeypress isn't necessarily fired for Esc. Try onkeydown

Member 11382784 21-Feb-15 5:44am

still it is not working sir

Wendelius 21-Feb-15 5:53am

Another thing is that you should pass the event as a parameter. So
onkeydown="ESCclose(event)"

Also instead of putting it on div, can you put it on body?

Member 11382784 21-Feb-15 6:07am

still it is not working and here is complete code

<script type="text/javascript">
function ESCclose(event) {
if (evt.keyCode == 27)
window.close();
}
</script>

</head>
<body >
<form id="form1" runat="server">
<div >

<div id="light" class="white_content" >
<table cellpadding="0" cellspacing="0" border="0" style="background-color: #FFFFFF;
font-family: Verdana, Geneva, Tahoma, sans-serif;" width="100%" >
<tr>
<td height="16px">

<img src="Images/delete.png" style="border-style: none; border-color: inherit; border-width: 0px;
height: 20px; width: 20px;" align="right" alt="Close" />
</td>
</tr>
<tr>
<td style="padding-left: 16px; padding-right: 16px; padding-bottom: 16px">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="background-color: #fff"
width="100%">
<tr>
<td align="center" colspan="2" class="headertext">

LOGIN

</td>
</tr>
<tr>
<td align="center">
<table>
<tr>
<td align="right" class="bot_text">
Username:
</td>
<td>
<asp:TextBox ID="txtName" runat="server">
</td>
</tr>
<tr>
<td align="center">
<asp:Button ID="_btnLogin" runat="server" Text="Login" CssClass="Button1" ValidationGroup="a"
Height="40px" Width="100px" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="fade" class="black_overlay">
</div>
</div>

click here
</form>
</body>
</html>