文章介绍了如何在HTML页面中使用JavaScript监听表单元素（如密码输入框）的键盘事件，特别是回车键（keyCode13），并在用户按下回车时显示登录提示。同时，也提及了表单的onsubmit事件处理。
<!DOCTYPE html> <!-- 这是HTML的注释 --> <html lang="en" id="myHtml"> <head> <!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HtmlAll</title> </head> <body> <script type="text/javascript" src="j.js"></script> <table align="center"> <form id="myForm"> <tr><td>登录窗口</td></tr> <tr> <td> <input type="text" id="username"/> </td> </tr> <tr> <td> <input type="password" id="password"/> </td> </tr> <tr> <td> <input type="submit" value="登录"/> </td> </tr> </form> </table> </body> </html><!DOCTYPE html>
<!-- 这是HTML的注释 -->
<html lang="en" id="myHtml">
<head>
<!-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HtmlAll</title>
</head>
<body>
<script type="text/javascript" src="j.js"></script>
<table align="center">
<form id="myForm">
<tr><td>登录窗口</td></tr>
<tr>
<td>
<input type="text" id="username"/>
</td>
</tr>
<tr>
<td>
<input type="password" id="password"/>
</td>
</tr>
<tr>
<td>
<input type="submit" value="登录"/>
</td>
</tr>
</form>
</table>
</body>
</html>
window.onload = function() { var password = document.getElementById("password"); password.onkeydown = function(event,b)//局部变量 { //获取键值 //回车键键值是13,ESC是27 //对于键盘事件来说,他都有keyCode属性用来获取键值 if(event.keyCode === 13) { //识别到回车键位提示正在登录 alert("正在登录") } } document.getElementById("myForm").onsubmit = function() { alert("正在登录") } }window.onload = function()
{
var password = document.getElementById("password");
password.onkeydown = function(event,b)//局部变量
{
//获取键值
//回车键键值是13,ESC是27
//对于键盘事件来说,他都有keyCode属性用来获取键值
if(event.keyCode === 13)
{
//识别到回车键位提示正在登录
alert("正在登录")
}
}
document.getElementById("myForm").onsubmit = function()
{
alert("正在登录")
}
}
扫一扫
2395
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
