`

在javascript中,怎样响应键盘事件

    博客分类:
  • js
阅读更多
问:
比如捕捉按住ctrl键的事件
______________________________________________________________________________________________
答1:
<body onkeydown="find()">
<script>
function find()
{
if (event.ctrlKey)
{alert("你按了Ctrl键");}
}
______________________________________________________________________________________________
答2:
<body onkeydown="if(window.event.ctrlKey)alert('你按了 CTRL 键')">
______________________________________________________________________________________________
答3:
再给你一篇例文:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<noscript><meta http-equiv="refresh" content="0;url=about:noscript">
</noscript><title>屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键</title>
</head>
<body onkeydown="KeyDown()"
oncontextmenu="event.returnValue=false">

<script language="Javascript"><!--
  //屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
  //Author: meizz(梅花雨) 2002-6-18

function KeyDown(){
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向键 ←
       (window.event.keyCode==39))){  //屏蔽 Alt+ 方向键 →
     alert("不准你使用ALT+方向键前进或后退网页!");
     event.returnValue=false;
     }

     /* 注:这还不是真正地屏蔽 Alt+ 方向键,
     因为 Alt+ 方向键弹出警告框时,按住 Alt 键不放,
     用鼠标点掉警告框,这种屏蔽方法就失效了。以后若
     有哪位高手有真正屏蔽 Alt 键的方法,请告知。*/

  if ((event.keyCode==8)  ||                 //屏蔽退格删除键
      (event.keyCode==116)||                 //屏蔽 F5 刷新键
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
     }
  if ((event.ctrlKey)&&(event.keyCode==78))   //屏蔽 Ctrl+n
     event.returnValue=false;
  if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
     event.returnValue=false;
  if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
      window.event.returnValue = false;  //屏蔽 shift 加鼠标左键新开一网页
  if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
      return false;}
  }
/* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单
第一种方法:
  window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
第二种方法是打开一个全屏的页面:
  window.open("你的.asp", "", "fullscreen=yes")
*/
// --></script>
<h2 align=center>屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键</h2>
</body>
</html>
______________________________________________________________________________________________
答4:
判断event对象的属性:

altKey
ctrlKey
shiftKey
这三个是boolean型,按下时为true

keyCode  设置或获取与导致事件的按键关联的 Unicode 按键代码。
分享到:

相关推荐

    javascript键盘响应事件

    在JavaScript编程中,键盘响应事件是用户与网页交互的关键部分,尤其在实现游戏、表单验证或自定义快捷键功能时。本篇文章将深入探讨如何使用JavaScript来监听和处理键盘事件,以及如何结合jQuery库(如`jquery-...

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

    在JavaScript中,事件(Events)是用户或浏览器与页面交互时触发的特定动作,比如点击按钮、按下键盘上的键或者移动鼠标。本文将详细介绍如何使用JavaScript处理HTML事件、键盘事件和鼠标事件。 ### HTML事件处理 ...

    该组件用于ReactNative中获取Android原生层面的键盘响应事件

    这个特定组件就是为了解决这个问题,它扩展了React Native的能力,使得开发者可以直接在JavaScript层面上监听和响应这些原生键盘事件,而无需深入到Java或Kotlin代码中。 要使用这个组件,首先你需要将`react-...

    javascript之事件及事件响应篇

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互方面,事件和事件响应起着至关重要的作用。本篇文章将深入探讨JavaScript中的事件模型、事件处理方式以及常见事件类型,旨在帮助开发者更好地理解和应用...

    用javascript实现软键盘

    1. **创建键盘布局**:在JavaScript中,根据预设的布局(例如QWERTY布局)创建一系列的DOM元素,每个元素代表一个键位。 2. **绑定事件**:为每个键位元素绑定点击事件监听器,当用户点击时,触发相应的键盘输入事件...

    javascript网页键盘交互式代码

    `keydown`事件在按键被按下时触发,`keyup`事件在按键被释放时触发,而`keypress`事件通常用于识别字符输入,它在键盘按下并释放后,且产生的字符可以被程序识别时触发。 要监听这些键盘事件,我们可以使用...

    asp.net控制键盘keycode事件

    `keydown`事件在用户按下键盘键时触发,`keyup`则在用户释放键时触发,`keypress`主要针对字符键的按下,通常忽略非打印键。 二、JavaScript中的`event.keyCode` 在JavaScript中,`event.keyCode`属性用于获取用户...

    JavaScript键盘事件测试小结

    总的来说,JavaScript键盘事件在不同浏览器中的表现并不完全一致,开发者在编写相关代码时需要考虑到这些差异,以确保代码在各种环境下都能正确运行。理解这些事件的细微差别可以帮助我们编写更健壮、兼容性更强的...

    jQuery键盘按钮响应事件代码.zip

    在压缩包内的“说明.htm”文件中,可能详细介绍了如何将这种键盘事件响应应用到具体场景,包括如何根据不同的按键执行不同的功能,以及如何处理组合键等高级特性。而“jiaoben4940.js”很可能是示例代码,演示了如何...

    javaScript鼠标键盘事件

    ### JavaScript鼠标键盘事件详解 在Web开发中,JavaScript是实现用户交互的重要手段之一。通过监听用户的鼠标和键盘操作,开发者可以构建出响应式且交互丰富的网页应用。本文将重点介绍几种常用的鼠标和键盘事件...

    HTML5 虚拟键盘模拟的键盘事件.rar

    在HTML5模拟的键盘页面中,当用户在实体键盘上按下键时,对应的虚拟键盘按钮会通过动画效果(如显示圆点)来响应这个事件,这通常是通过JavaScript事件监听器实现的。例如,我们可以添加一个事件监听器到页面的`...

    一个javascript模拟的 虚拟键盘,效果非常棒!

    标题中的"一个javascript模拟的虚拟键盘"指的就是这样一个用JavaScript编写的程序,它能够在网页上创建一个可交互的键盘界面,用户可以点击按钮输入文本,而无需物理键盘。这样的虚拟键盘通常包括各种按键布局,如...

    javascript软键盘(虚拟键盘)

    js软键盘,支持中英文切换、大小写、标点符号,可拖动显示位置,支持不同表单元素响应是否显示软键盘,适用于一些触摸屏的网页版页面设计;内附demo示例。

    Javascript软键盘

    在本文中,我们将深入探讨JavaScript软键盘的工作原理、实现方式以及其在实际应用中的优缺点。 一、JavaScript软键盘的工作原理 JavaScript软键盘是通过JavaScript编程语言动态生成HTML元素(通常是`&lt;input&gt;`和`...

    Javascript键盘表

    在JavaScript编程中,理解键盘事件及其键码是至关重要的,特别是在处理用户输入、游戏开发或任何需要捕捉键盘操作的应用场景中。本文将深入探讨“JavaScript键盘表”中的关键知识点,帮助开发者更好地掌握如何识别和...

    Javascript接收键盘输入

    在探讨“Javascript接收键盘输入”这一主题时,我们首先需要理解JavaScript如何与用户进行交互,尤其是在接收用户通过键盘输入信息的场景下。JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现动态交互...

    jQuery键盘按键按钮响应事件代码.zip

    在"jQuery键盘按键按钮响应事件代码"这个示例中,可能还包括了其他键码的处理,以便实现更丰富的交互。例如,F5键刷新页面,或者使用方向键进行导航等。文件"说明.htm"可能会详细解释每种键码对应的处理逻辑以及如何...

    实验项目二十二  javascript事件处理.doc

    在 JavaScript 中,我们可以使用 onkeydown 事件来响应键盘输入事件,onkeyup 事件来响应键盘释放事件。 例如,我们可以使用 onkeydown 事件来响应键盘输入事件,如下所示: (event.key=='Enter'){ alert(' 你按下...

    javascript 屏幕软键盘

    JavaScript屏幕虚拟键盘(Virtual Keyboard)是一种在网页上模拟真实物理键盘的技术,主要应用于触摸屏设备,为用户提供输入文字的功能。这种技术尤其适用于那些在公共环境下使用的无物理键盘设备,如自助服务终端、...

    JavaScript键盘事件响应顺序详解

    本文实例为大家分享了JavaScript键盘事件响应顺序的具体实现代码,供大家参考,具体内容如下 键盘响应顺序 当按下键盘时,会触发多个事件,它们将按顺序发生。 对于字符键来说,键盘事件的影响顺序如下: 1.keydown...

Global site tag (gtag.js) - Google Analytics