您的位置：首页 > 其它

Enter直接登录

2016-04-08 09:25 309 查看

2.2 按Enter键调用登录按钮

【实例描述】

为了方便用户操作，在登录邮箱或论坛时，如果用户输入了用户名和密码，按Enter键时，都会自动调用登录按钮。本例学习如何实现此功能。

【实现代码】

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Check Score</title>

<script language="JavaScript">

function keyLogin(){

if (event.keyCode==13) //按Enter键的键值为13

document.getElementById("input1").click(); //调用登录按钮的登录事件

}

</script>

</head>

<body onkeydown="keyLogin();">

<input id="input1" value="登录" type="button" onclick="alert('调用成功！')">

</body>

</body>

</html>

【运行效果】

按Enter键后的效果如图2-1所示。

图2-1 按Enter键后的效果

【难点剖析】

本例的重点是如何判断用户敲击的是Enter键，这通过判断键值"keyCode"实现，"Enter"的键值为13。使用"getElementById"方法，通过按钮的ID找到页面中的"登录"按钮，然后直接调用其"click"方法即可。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航