Onkeydown solution: directly submit the solution by pressing the Enter key

Source: Internet
Author: User

The login page needs to capture the user's need to press enter to automatically submit:

Add the onkeydown event jump javascript in the body to submit the form.

The search documentation is as follows:

The onkeydown event occurs when you press a keyboard button.

Syntax: onkeydown = "sometriccriptcode"

Html tags of the event are supported;

<A>, <acronym>, <address>, <area>, <B>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>,

Javascript objects that support this event:

Differences between document, image, link, and textarea browsers:

Internet Explorer uses event. keyCode to retrieve the characters that have been pressed, While Netscape/Firefox/Opera uses event. which.

Instance: In this example, you cannot enter a number in the input box.
[Html]
<Html>
<Body>
<Script type = "text/javascript">
Function noNumbers (e)
{
Var keynum
Var keychar
Var numcheck
 
If (window. event) // IE
{
Keynum = e. keyCode
}
Else if (e. which) // Netscape/Firefox/Opera
{
Keynum = e. which
}
 
Keychar = String. fromCharCode (keynum)
Numcheck =/\ d/
Return! Numcheck. test (keychar)
}
</Script>
 
<Form>
<Input type = "text" onkeydown = "return noNumbers (event)"/>
</Form>
 
</Html>

<Html>
<Body>
<Script type = "text/javascript">
Function noNumbers (e)
{
Var keynum
Var keychar
Var numcheck

If (window. event) // IE
{
Keynum = e. keyCode
}
Else if (e. which) // Netscape/Firefox/Opera
{
Keynum = e. which
}

Keychar = String. fromCharCode (keynum)
Numcheck =/\ d/
Return! Numcheck. test (keychar)
}
</Script>

<Form>
<Input type = "text" onkeydown = "return noNumbers (event)"/>
</Form>

</Html>

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.