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 是一个单进程单线程应用程序, 但是通过事件和回调支持并发 ...
随机推荐
- text-indent无效解决方案
text-indent是用来字符缩进的. 1.text-indent所在的元素是行内元素而非块级元素.比如用在span,a等行内元素上.解决方案:在行内元素加上display:block; 或者把目标 ...
- Bzoj1497 [NOI2006]最大获利
Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 4449 Solved: 2181 Description 新的技术正冲击着手机通讯市场,对于各大运营商来 ...
- 重温布局（display）
无聊,从新复习了一遍,基础布局,记录一下,避免忘了. 首先说一下 Css文件前缀 Firefox:-moz-box-shadow Safari:-webkit-box-shadow Opera:-o- ...
- Android MMS 之APN
APN的英文全称是Access Point Name,中文全称叫接入点,是您在通过手机上网时必须配置的一个参数,它决定了您的手机通过哪种接入方式来访问网络.用来标识GPRS的业务种类,目前分为两大类: ...
- python3，交互模式，无法使用ctrl和方向键，需要和ctrl一块用
转自csdn博客 http://blog.csdn.net/pumaadamsjack/article/details/52447989 https://pypi.python.org/pypi/re ...
- 简单实现Windows服务 TopShelf
Nugut安装 log4net 和 topShelf 1)ServiceRunner类 using log4net;using Topshelf; class ServiceRunner : Serv ...
- c# 正则表达式分组
internal class Program { private static void Main(string[] args) { var content = Read(@"E:\work ...
- C#------对SQLServer进行简单的增，删，改，查
EF中的操作转载: http://www.cnblogs.com/mcgrady/archive/2015/03/21/4355282.html PSContext db = new PSContex ...
- bs4_2
QQ:231469242 欢迎交流 Parsing HTML with the BeautifulSoup Module Beautiful Soup是用于提取HTML网页信息的模板,Beautif ...
- css让图片作为按钮的背景并且大小合适
最近在做ASP大作业,在做html页面的时候想把一个图片作为按钮的背景,搞了好久终于在csdn上找到了满意的答案: background-size: cover; 只需要这一句就ok了,就是这么简答. ...