菜鸟学JS（四）——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>
这个小实例很简单，代码很好懂，但是代码背后的东西不是一般人能懂的。看懂的请举手.....
菜鸟学JS（四）——javascript为按钮注册回车事件（设置默认按钮）的更多相关文章
- 重学js之JavaScript 面向对象的程序设计（创建对象）
注意: 本文章为 <重学js之JavaScript高级程序设计>系列第五章[JavaScript引用类型]. 关于<重学js之JavaScript高级程序设计>是重新回顾js基 ...
- JS如何调用隐藏按钮的click事件
js如何调用隐藏按钮的click事件:1.设定隐藏不要使用Visiable属性,使用style.display=none:2.触发JS事件可以使用fireEvent方法,如:document.getE ...
- js 监听整个页面的回车事件
JS监听整个页面的回车事件 <script type="text/javascript"> document.onkeydown=keyDownSearch; ...
- 新手怎么学JS？JavaScript基础入门
新手应该怎么学习JS?JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写Ja ...
- js和jquery触发按钮点击事件
js触发按钮点击事件 function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); do ...
- 菜鸟学JS（三）——自动隐藏的悬浮框
今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框.css肯定是用来控制样式的,js用来控制器显示与隐藏的.显示与隐藏通常有两种方法实现:1,用js控制其显示属性:2,用js控制其大小. 今天 ...
- 菜鸟学JS（五）——window.onload与$(document).ready()
我们继续说JS,我们常常在页面加载完成以后做一些操作,比如一些元素的显示与隐藏.一些动画效果.我们通常有两种方法来完成这个事情,一个就是window.onload事件,另一个就是JQuery的read ...
- 菜鸟学Windows Phone 8开发(3)——布局和事件基础
本系列文章来源MSDN的 面向完全新手的 Windows Phone 8 开发 本文地址:http://channel9.msdn.com/Series/Windows-Phone-8-Develo ...
- 给button按钮加回车事件
<button class="login-btn" id="login">立即登录</button> $("body" ...
随机推荐
- [Leetcode][JAVA] Word Ladder II
Given two words (start and end), and a dictionary, find all shortest transformation sequence(s) from ...
- delphi 十进制十六进制转换
delphi有提供十进制转换成十六进制的函数: IntToStr(); 返回值为String // 十进制转十六进制 var i: integer; str: string; begin i := ...
- Webalizer解析nginx基本配置
先前使用了nginx做tomcat程序负载,后来需要解析日志.查看访问量.后来网上查了下,就使用了这个参考地址: http://daliang1215.iteye.com/blog/618829 .安 ...
- iOS 关于nil和Nil及null与<null>的区别
问题是这样的. NSDictionary *sample = [NSJSONSerialization JSONObjectWithData:received options:NSJSONReadin ...
- 捉BUG记（To Catch a Bug）
大约有一年整没有写一篇博客了,由于各种原(jia)因(ban)导致闲暇时间要么拿着IPad看岛国奇怪的片(dong)子(hua).要么拿着kindle看各种各样的资(xiao)料(shuo).本来想写 ...
- 《Linux内核设计与实现》读书笔记（十五）- 进程地址空间(kernel 2.6.32.60)
进程地址空间也就是每个进程所使用的内存,内核对进程地址空间的管理,也就是对用户态程序的内存管理. 主要内容: 地址空间(mm_struct) 虚拟内存区域(VMA) 地址空间和页表 1. 地址空间(m ...
- 使用C#和OpenPop.dll开发读取POP3邮件程序
制作一个ASP.NET MVC4论坛项目,该项目需要将以往十多年的Mail List(邮件列表)内容都导入到新的论坛中,因此需要能够将邮件的标题.发布时间.发布人及邮件内容导入到论坛的数据库内..Ne ...
- 个性二维码开源专题<替换定位点>
基础方法: ChangeFillShape //修改填充形状 ChangeFillShape(...) // 摘要: // 修改填充形状 // // 参数: // g: // 图形画板 // // F ...
- JavaScript简洁继承机制实现(不使用prototype和new)
此方法并非笔者原创,笔者只是在前辈的基础上,加以总结,得出一种简洁实用的JavaScript继承方法. 传统的JavaScript继承基于prototype原型链,并且需要使用大量的new操作,代码不 ...
- DOS与Linux的换行字符
一.vim打开window下的文件出现 ^M 首先理解,dos(windows)下建立的文件的换行是 ^M\$ (CRLF) ,而在Linux下面,仅仅是以 \$ (LF) 来做断行符号: (^M\ ...