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 是一个单进程单线程应用程序, 但是通过事件和回调支持并发 ...
随机推荐
- hbase批量数据导入报错:NotServingRegionException
批量导入数据到hbase的时候,报错: org.apache.hadoop.hbase.client.RetriesExhaustedWithDetailsException: Failed 1 ac ...
- ExceptionLess新玩法 — 记日志
ExceptionLess 之前也有介绍过这个框架,其实网上也有很多的资料,无论是部署还是一些详细的高级玩法都讲的很清楚也很棒,博主也学习了一些他们的博文,因为很多的东西比如本地部署别人已经写了,我再 ...
- TypeScript Interface(接口)
类型检查专注于解析值所具有的"形态",这是TypeScript的核心原则之一.这个有时候被称为"duck typing"或者"structural s ...
- wireshark过滤语法总结-重点偏移过滤
http://chenjiji.com/post/3371.html 作者: CHAN | 发布: 2013 年 10 月 24 日 做应用识别这一块经常要对应用产生的数据流量进行分析. 抓包采用wi ...
- MySQL数据库的高可用性分析
MySQL数据库是目前开源应用最大的关系型数据库,有海量的应用将数据存储在MySQL数据库中.存储数据的安全性和可靠性是生产数据库的关注重点.本文分析了目前采用较多的保障MySQL可用性方案. MyS ...
- BZOJ1031: [JSOI2007]字符加密Cipher
传送门 后缀数组模板题 //BZOJ 1031 //by Cydiater //2016.9.21 #include <iostream> #include <cstring> ...
- BZOJ1691： [Usaco2007 Dec]挑剔的美食家
传送门: 一句话题解:贪心+treap 好几天前刚学的treap,然后真到了考treap又写不出来,这么辣鸡还搞什么OI 先按$A_i$递减排序,然后把$C_i$也递减排序,然后用一个指针指向$M$序 ...
- JS-DOM2级封装练习题--点击登录弹出登录对话框
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" ...
- setInterval js
$('#start_scan').on('click',function(){ if(timer == undefined){ timer = setInterval(scan,1000) start ...
- python操作数据库
一,安装mysql 如果是windows 用户,mysql 的安装非常简单,直接下载安装文件,双击安装文件一步一步进行操作即可. Linux 下的安装可能会更加简单,除了下载安装包进行安装外,一般的l ...