按Enter键调用登录按钮

来源:互联网 发布:安广网络潘集分公司 编辑:程序博客网 时间:2024/05/18 09:56


2.2  按Enter键调用登录按钮

【实例描述】

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

【实现代码】

  1. <html xmlns="http://www.w3.org/1999/xhtml" > 
  2. <head> 
  3.   <title>Check Score</title> 
  4. <script language="JavaScript"> 
  5. function keyLogin(){  
  6.   if (event.keyCode==13)                         //按Enter键的键值为13  
  7.      document.getElementById("input1").click(); //调用登录按钮的登录事件  
  8. }  
  9. </script> 
  10.  </head> 
  11. <body onkeydown="keyLogin();"> 
  12. <input id="input1" value="登录" type="button" onclick="alert('调用成功!')"> 
  13. </body> 
  14.  </body> 
  15. </html> 

【运行效果】

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

 图2-1  按Enter键后的效果

【难点剖析】

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

1 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 家里井口处有很多鼻涕虫怎么办 花生地里有蜗牛怎么办 菜园里有好多虫怎么办 心里莫名的急该怎么办 老感觉心烦气燥怎么办 什么事都不想做怎么办心里烦躁 咳嗽流鼻涕身体发热怕冷怎么办 不感冒流清鼻涕怎么办 刚怀孕感冒了怎么办鼻塞流鼻涕 孕妇打喷嚏流鼻涕怎么办速效办法 宝宝流鼻涕一个月了怎么办 一个月婴儿感冒咳嗽流鼻涕怎么办 怎么办感冒能好得快些 一个月的宝宝流鼻涕怎么办 鼻炎犯了一直流鼻涕怎么办 宝宝流鼻涕鼻子擦破了怎么办 宝宝流鼻涕鼻子擦红了怎么办 上班忘记穿内衣了怎么办 早上上班忘记穿内衣了怎么办 高中知识都忘了怎么办 留鼻涕跟水一样怎么办 鼻涕像水一样流怎么办 肩膀很疼怎么办睡不着觉 夏天穿内衣出汗后很臭怎么办 脸过敏后严重缺水怎么办 过敏后脸上反复出现湿疹怎么办 孕妇脸上长湿疹过敏红肿怎么办 一岁宝宝一直流鼻涕怎么办 三岁宝宝一直流鼻涕怎么办 3岁宝宝一直流鼻涕不好怎么办 7岁半边鼻子不通气怎么办 感冒流鼻涕鼻子不通气怎么办 鼻子不通气干的怎么办 7个月婴儿流鼻涕怎么办 鼻子火辣辣的光想流鼻涕怎么办? 三岁宝宝鼻塞流鼻涕怎么办 一岁宝宝感冒流鼻涕鼻塞怎么办 1岁宝宝鼻塞流鼻涕怎么办 一岁多宝宝感冒鼻塞流鼻涕怎么办 宝宝鼻塞流鼻涕怎么办速效办法 八个月宝宝感冒流鼻涕鼻塞怎么办