JS keycode 事件响应
<script language="javascript">
function keyevent(){
if(event.keyCode==13)
alert("你按了回车键");
}
document.onkeydown = keyevent;//注册document.onkeydown事件
</script>
当用户按回车键时，就会执行keyevent()这个函数。可以做回车提交表单，或其它的事件！
keyCode是返回keydown何keyup事件发生的时候按键的代码，以及keypress 事件的Unicode字符；如果要使用组合键，则可以利用event.ctrlKey，event.shiftKey，event .altKey判断是否按下了ctrl键、shift键以及alt键.
| 常用keycode | |||
|---|---|---|---|
| key | code | key | code |
| left | 37 | up | 38 |
| right | 39 | down | 40 |
| 1 | 49 | 2 | 50 |
| 3 | 51 | a | 65 |
| shift | 16 | ctrl | 17 |
| alt | 18 | enter | 13 |
示例：
<!DOCTYPE html><html><head><title>键盘事件keycode</title></head><body>left up right down<br />ctrl + up ctrl + down<br />ctrl + 1 ctrl + 2 ctrl + 3<br />a ctrl + a ctrl + shift + a<br /><script type="text/javascript">document.onkeydown = function (event) {event = event || window.event;bCtrlKey = event.ctrlKey;bShiftKey = event.shiftKey;switch (event.keyCode) {case 37:alert("left");break;case 38:if (bCtrlKey) {alert("ctrl+up");break;}alert("up");break;case 39:alert("right");break;case 40:if (bCtrlKey) {alert("ctrl+down");break;}alert("down");break;case 49:bCtrlKey && (alert("ctrl+1"));break;case 50:bCtrlKey && (alert("ctrl+2"));break;case 51:bCtrlKey && (alert("ctrl+3"));break;case 65:if (bCtrlKey) {if (bShiftKey) {alert("自定义");break;}alert("全选");break;}alert("a");break;case 67:bCtrlKey && (alert("复制"));break;case 86:bCtrlKey && (alert("粘贴"));break;}return false;}</script></body></html>
---------------------------------------------------------------------------------------------
<script language="javascript">function keyevent(){if(event.keyCode==13)alert("#$%#%#^^%");}document.onkeydown = keyevent;</script>event.keyCode值为37﹐38﹐39﹐40对应按下的方向键分別是 左﹐上﹐右﹐下"javascript:if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;");if(event.keycode==13)就代表按下的是回车键盘"javascript:if (event.keyCode > 45 && event.keyCode < 57) event.returnValue = false;");----------------------------------------------------------------------------------------------
<参考：http://lfsp.btwlo.com/keycode.html & http://www.cnblogs.com/xingqiba/archive/2012/06/12/2546148.html & http://www.cnblogs.com/kuikui/archive/2012/02/09/2343645.html>
JS keycode 事件响应的更多相关文章
- JS学习-事件响应小结-简单的计算器
<!DOCTYPE html> <html> <head> <title> 事件</title> <script type=" ...
- JS代码的位置与事件响应代码块的封装问题
JS代码的位置 我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分. 放在<head>部分最常用的方式是在页面中h ...
- js键盘事件全面控制详解
js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件 ...
- js键盘事件全面控制
js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型 ...
- Js 冒泡事件阻止
Js 冒泡事件阻止 1. 事件目标 现在,事件处理程序中的变量event保存着事件对象.而event.target属性保存着发生事件的目标元素.这个属性是DOM API中规定的,但是没有被所有浏览 ...
- js键盘事件全面控制详解【转】
js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型 ...
- AudioPlayer.js，一个响应式且支持触摸操作的jquery音频插件
AudioPlayer.js是一个响应式.支持触摸操作的HTML5 的音乐播放器.本文是对其官网的说用说明文档得翻译,博主第一次翻译外文.不到之处还请谅解.之处. JS文件地址:http://osva ...
- 浅谈JavaScript的事件响应
原文出处: Christian Heilmann 译文出处:Chajn Science 每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么当然是事件响应了 ...
- node.js 的事件机制
昨天到今天, 又看了一边node 的事件模块, 觉得很神奇~ 分享一下 - -> 首先, 补充下对node 的理解: nodeJs 是一个单进程单线程应用程序, 但是通过事件和回调支持并发 ...
随机推荐
- BZOJ1070 [SCOI2007]修车
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...
- Gulp解决发布线上文件(CSS和JS)缓存问题
Gulp解决发布线上文件(CSS和JS)缓存问题 本文的缘由:目前经常线上发布文件后要不断的刷新页面及过很长时间,页面上的CSS和JS文件才能生效,特别对于目前做微信商城的时候,微信内置的浏览器缓存非 ...
- Linux File System
目录 . Linux文件系统简介 . 通用文件模型 . VFS相关数据结构 . 处理VFS对象 . 标准函数 1. Linux文件系统简介 Linux系统由数以万计的文件组成,其数据存储在硬盘或者其他 ...
- J-link烧写brjtag工具
J-Link用的山寨货,不知道山寨了几代的那种....用的STM32F103C8T6的小板也是山寨了好几代那种,才25块钱...好在能用,J-Link用segger公司的软件能识别,也能找到CPU,板 ...
- MYSQLDUMP参数详解
mysqldump客户端可用来转储数据库或搜集数据库进行备份或将数据转移到另一个SQL服务器(不一定是一个MySQL服务器).转储包含创建表和/或装载表的SQL语句. 如果你在服务器上进行备份,并且表 ...
- HDU 2544 单源最短路
题目链接: 传送门 最短路 Time Limit: 1000MS Memory Limit: 65536K 题目描述 在每年的校赛里,所有进入决赛的同学都会获得一件很漂亮的t-shirt.但是 ...
- collectionView
// /* UICollectionView 类是iOS6 新引进的API,用于展示集合视图, 布局更加灵活,可实现多列布局,用法类似于UITableView类. - 更新视图: [collectio ...
- mysql查看表使用的数据库引擎
看某个使用的引擎,在显示结果里参数engine后面的就表示该表当前用的存储引擎: mysql> show create table 表名; 看mysql支持哪些存储引擎: mysql> s ...
- C#中使用代码动态改变配置文件信息
static void Main(string[] args) { XmlDocument xDoc = new XmlDocument(); xDoc.Load("../../App.co ...
- Jsonp类
public class JsonpResult : JsonResult { public JsonpResult() { this.Callback = "callback"; ...