javascript为按钮注册回车事件(设置默认按钮)的方法


本文实例讲述了javascript为按钮注册回车事件(设置默认按钮)的方法。分享给大家供大家参考。具体如下:

首先不得不说,在JS方面,自己真的是个不折不扣的菜鸟。对于JS以及一些JS框架如JQuery等JS框架,自己也只是处在简单应用的阶段,当然自己也在不断的学习当中,希望将来能跟大家分享更多JS方面的心得。今天先来点开胃的,说一下如何设置一个默认按钮,就是不管焦点在不在按钮上,只要按下回车,就等于触发了按钮的单击事件。

代码非常简单,要完成这个功能,只需几行代码:

//为keyListener方法注册按键事件
document.onkeydown=keyListener;
function keyListener(e){
 // 当按下回车键,执行我们的代码
 if(e.keyCode == 13){
 //我们要做的事情
 }
}

额,貌似有点太简单了,就这样完成一篇博客,我都有点不好意思了。最后为大家附上一个小程序的实例吧:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>计算器</title>
  <script type="text/javascript" >
   function calculate() {
    var a = document.getElementById("pre-tax").value;
    if (parseInt(a)>8000) {
     document.getElementById("interest").value =800+ (a - 8000)*15/100;
    } else {
     document.getElementById("interest").value =a/10;
    }
   }
   //为keyListener方法注册按键事件
   document.onkeydown=keyListener;
   function keyListener(e){
    // 当按下回车键,执行我们的代码
    if(e.keyCode == 13){
     calculate();
    }
   }
  </script>
 </head>
 <body >
  税前薪资:<input type="text" id="pre-tax"/> 
  <input type="button" id="calculate" value="计算" onclick="calculate()"/>
  利息:<input type="text" id="interest" readonly="readonly"/>
 </body> 
</html>

这个小实例很简单,代码很好懂,但是代码背后的东西不是一般人能懂的。看懂的请举手.....

希望本文所述对大家的javascript程序设计有所帮助。



相关阅读:
jquery+css实现的红色线条横向二级菜单效果
Fedora 9.0 Apache+PHP+MYSQL 环境安装
Mac OS上安装PostgreSQL的教程
JavaScript正则表达式的分组匹配详解
小议Java中final关键字使用时的注意点
点评js异步加载的4种方式
ubuntu系统怎么把网页版QQ添加到程序列表?
HTML5 File API改善网页上传功能
详解Sql基础语法
Android五子棋游戏程序完整实例分析
Linux 下 (RedHat 9.0) JDK,Tomcat,MySQL的安装
ASP.net WebAPI 上传图片实例
Java实现屏幕截图及剪裁
ASP.NET MVC3手把手教你构建Web
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 小学三年级除夕夜作文 记忆中的家乡的溪流 2016年中小学生安全教育观后感600字 迎春花旧梦 有光的地方 防溺水教育动员大会校长讲话稿 最新愚人节祝福词 到期的爱情 踏青作文1300字 议论文审题 愿随流云归去 国有资产管理处处长试用期满述职 精彩的“六.一”汇演350字 听到我讲的笑话,母亲哭了 2015情人节活动主题方案 初夏 有趣的家常菜 论建筑工程造价管理及新举措 2015新婚婚宴邀请短信怎么写 应聘医生简历范文 政府机关办公室主任工作体会 智慧与美貌并存的美女老师 生活就是这么简单作文800字 工作总结结尾格式范文(1) 生命的落叶 爱流动在我们身边——程炜钊作文400字 文化绿色作文900字 一句话就把女朋友的心给挽回来 小学一年级作文350字:《我想变成“小仙女”》 小学四年级作文450字:一次小失误 有关友情的文章:朋友的情谊 县委副书记在分析评议阶段“回头看”工作会议上的讲话 2015领导班子三严三实对照检查材料 [读书札记]优雅宁静,至真至纯—记李清照 客房租赁协议书 2016年区农村人力资源开发办公室工作总结 “澳门”有个三湾湖 他只想和你上床,而我却想要一生 【灵异小说范文】西游后记(一) 渡过 岁月流逝1200字 高二五班主任家长会发言稿 《繁星》备课资料1 生活的意义(2)作文600字 何乐不为 会计求职信范 财务个人工作总结与计划 铁路职工入党申请书 初中初一作文550字:银白色的伪装 思念有多重,孤独有多深(固执)

Copyright © 2016 phpStudy |