这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要为大家介绍了 js 实现监听键盘事件示例代码,监听键盘组合键 CTRL+C,以便做出对应的响应, 需要的朋友可以参考下
项目中要监听键盘组合键 CTRL+C,以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在 Firfox、Chrome、IE 中均可以使用。 一、使用 javascript 实现
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>
- </title>
- <script>
- function keyListener(event) {
- if (event.ctrlKey && event.keyCode === 86) {
- alert('你按下了CTRL+V');
- }
- }
- </script>
- </head>
- <body>
- Ctrl+V:
- <textarea onkeydown="keyListener(event);">
- 粘贴粘贴
- </textarea>
- </body>
- </html>
二、使用 jquery 实现
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>
- </title>
- <script src="http://tztest4.ptmind.cn/js/jquery-1.8.0.min.js?v=3/11">
- </script>
- <script>
- $(function() {
- $("#aaa").keyup(function(event) {
- if (event.ctrlKey && event.keyCode === 67) {
- alert('你按下了CTRL+C');
- }
- });
- });
- /*
- * $('input').keyup(function(){...});
- * $('input').bind('keyup', function(){...});
- * $('input').live('keyup', function(){...});
- */
- </script>
- </head>
- <body>
- Ctrl+C:
- <textarea id="aaa">
- 复制复制
- </textarea>
- <br />
- </body>
- </html>
三、说明 event.ctrlKey 功能:检测事件发生时 Ctrl 键是否被按住了。 语法:event.ctrlKey 取值:true | false 1|0 说明: ctrlKey 属性为 true 表示事件发生时 Ctrl 键被按下并保持,为 false 则 Ctrl 键没有按下。 ctrlKey 属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。 四、详细 keyCode 值列表
来源: http://www.phperz.com/article/17/0408/267584.html