`
geelong
  • 浏览: 117168 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js 监听键盘事件

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
//1
var size=0;
var key=new Array();

   function keyDown(e) {
       if(navigator.appName == "Microsoft Internet Explorer")
       {
           var keycode = event.keyCode;
           var realkey = String.fromCharCode(event.keyCode);
       }else{
           var keycode = e.which;
           var realkey = String.fromCharCode(e.which);
       }
	   key[size]=keycode;
	   size+=1;
	   if(size==2&&key[0]==17&key[1]==13){
	   
//	   &&key[0]==17&key[1]==13
           alert(key[0]);
		   alert(key[1]);
           alert("a");
		   size=0;
	   }
	   
//       alert("按键码: " + keycode + " 字符: " + realkey);
   }
   document.onkeydown = keyDown;

//2
//    function keyUp(e) {
//       var currKey=0,e=e||event;
//       currKey=e.keyCode||e.which||e.charCode;
//       var keyName = String.fromCharCode(currKey);
//       alert("按键码: " + currKey + " 字符: " + keyName);
//   }
//   document.onkeyup = keyUp;
//alert(window.event.ctrlKey);
   
</script>
</head>

<body>
</body>
</html>
 
分享到:
评论

相关推荐

    js监听键盘事件的方法_原生和jquery的区别详解.docx

    #### 二、原生JavaScript监听键盘事件 原生JavaScript提供了三种主要的键盘事件监听方法:`onkeydown`、`onkeypress` 和 `onkeyup`。 1. **`onkeydown`**: - 触发时机:当一个键被按下时触发。 - 使用示例: `...

    使用JS监听键盘按下事件(keydown event)

    总之,通过使用JavaScript监听键盘按下事件,我们能够为用户提供更加丰富和灵活的交互体验。无论是简单的回车键监听,还是复杂的组合键操作,掌握这一技术对于提升网页的交互能力都至关重要。希望本文的介绍能够帮助...

    jquery 监听 键盘 事件

    其中,监听键盘事件是常见的用户交互处理之一。本文将深入探讨如何使用jQuery来监听键盘事件,以及相关的应用场景和技巧。 ### 1. jQuery键盘事件绑定 jQuery提供了`.on()`方法来绑定事件,包括键盘事件。键盘事件...

    Electron中通过globalShortcut实现监听键盘事件进而实现快捷键功能示例代码.zip

    下面我们将深入探讨如何使用`globalShortcut`来监听键盘事件并实现快捷键功能。 首先,引入`electron`模块。在Electron应用中,通常在主进程(main process)中处理快捷键的注册和监听,因为这样可以确保即使在应用...

    js监听键盘事件的方法_原生和jquery的区别详解

    以下是一个原生JavaScript监听键盘事件的例子: ```javascript document.onkeydown = function(e) { var keyNum = window.event ? e.keyCode : e.which; if (keyNum == 13) { alert('您按下了回车'); } else ...

    js监听键盘事件示例代码

    本文将详细解释如何使用JavaScript监听键盘事件,并通过实际代码示例来说明。 首先,了解什么是键盘事件非常重要。在Web开发中,当用户操作键盘时,浏览器会产生一系列的事件,这些事件包括但不限于:键盘按键被按...

    监听键盘上的删除键

    标题"监听键盘上的删除键"所涉及的知识点,主要是如何捕获并自定义键盘的删除键(Delete Backward)行为。描述中提到的"runtime一小运用"暗示了我们可能需要使用Objective-C的运行时特性来实现这个功能。 首先,...

    JavaScript监听键盘事件代码实现

    在Web开发中,监听键盘事件是一种常见的需求,尤其是在需要响应用户按键动作的时候。本文将详细介绍如何使用JavaScript实现键盘事件的监听,并提供了一些示例代码来帮助理解。 首先,需要了解三种键盘事件类型:...

    监听键盘事件

    尽管XML主要用来描述数据结构,而不是用于交互式应用,但在XMLHttpRequest(XHR)或XML与JavaScript结合的富客户端应用中,可以通过JavaScript来监听键盘事件。例如,XML数据可能被用来动态更新页面内容,而键盘...

    js监听鼠标点击和键盘点击事件并自动跳转页面

    常见的JavaScript事件类型包括鼠标事件、键盘事件、表单事件、文档事件等。 在本例中,我们要关注的是鼠标点击事件(onmousedown)和键盘点击事件(onkeydown)。onmousedown事件是在用户按下鼠标按钮时触发的,而...

    Node.js-Node.js全局键盘和鼠标侦听器

    1. **全局键盘监听**:监听所有窗口的键盘事件,无论焦点在哪个应用上。例如,你可以创建一个热键启动应用的工具,或者记录用户输入的行为分析。 2. **全局鼠标监听**:捕获鼠标的点击、移动、滚动等事件,即使焦点...

    javascript键盘响应事件

    以下是一个简单的示例,展示如何监听键盘事件: ```javascript document.addEventListener('keydown', function(event) { console.log('Key pressed:', event.key); }); ``` 二、jQuery键盘事件 jQuery库简化了...

    js键盘事件

    ### JS键盘事件详解 在JavaScript编程中,键盘事件是非常重要的交互元素之一,它们允许开发者捕捉用户的键盘输入行为,并根据这些输入执行相应的操作。本文将详细解释JS中的键盘事件及其应用场景。 #### 一、键盘...

    vue监听键盘事件的快捷方法【推荐】

    在本文中,我们将探索Vue中监听键盘事件的快捷方法,并通过一些实际例子来加深理解。 首先,了解基本的键盘事件监听是必要的。在Vue中,我们可以使用v-on指令(或其简写@)来监听各种事件,包括键盘事件。例如,@...

    JS键盘监听事件addkey无eval版

    在Web开发中,监听键盘事件是一种常见的需求,比如在游戏中控制角色移动、在表单输入时执行特定操作等场景。然而,传统的方法可能涉及到安全风险较高的`eval`函数。本文将详细介绍如何通过自定义函数实现键盘事件的...

    js和jquery实现监听键盘事件示例代码

    本文将详细讲解如何使用这两种技术来监听键盘事件,特别是如何检测用户是否按下特定的组合键,如 CTRL+C。 首先,我们来看如何使用纯 JavaScript 实现键盘事件监听。在 HTML 文件中,我们可以添加一个 `textarea` ...

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    在JavaScript中,可以使用`onkeydown`和`onkeyup`事件监听键盘输入。以下例子展示了如何监听`G`键的`keydown`事件: ```html &lt;!DOCTYPE html&gt; 键盘事件 window.onload = function () { window.onkeypress ...

Global site tag (gtag.js) - Google Analytics