JS键盘事件

前端学习(886):常用的键盘事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l... 阅读详情
 

事件名称           说明
onkeypress     这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。

onkeyup        这个事件在用户放开任何先前按下的键盘键时发生。

onkeydown      这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。


<script language=javascript>
function KeyDown(){   
   if ((window.event.altKey)&&
       ((window.event.keyCode==37)||    //屏蔽 Alt+ 方向键 ←
        (window.event.keyCode==39))){   //屏蔽 Alt+ 方向键 →
      alert("不准你使用ALT+方向键前进或后退网页!");
      event.returnValue=false;
      }
   if ((event.keyCode==8)||             //屏蔽退格删除键
       (event.keyCode==116)){           //屏蔽 F5 刷新键
      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 (event.keyCode==122){ //屏蔽 F11
      event.returnValue=false;
      }
   }
}

function document.onkeydown()
{
   if ( event.keyCode=='39' ) //->右箭头
   {
     window.open("http://www.163.com");
   }
}


function document.onkeypress()
{
   if ( event.keyCode=='13' )
   {
     alert( '你输入了键盘的 “回车” 键');
     return changePageGo();
   }
}

</script>


ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘
27 ESC 32 SPACE 33 ! 34 "
35 # 36 $ 37 % 38 &
39 ' 40 ( 41 ) 42 *
43 + 44 ' 45 - 46 .
47 / 48 0 49 1 50 2
51 3 52 4 53 5 54 6
55 7 56 8 57 9 58 :
59 ; 60 < 61 = 62 >
63 ? 64 @ 65 A 66 B
67 C 68 D 69 E 70 F
71 G 72 H 73 I 74 J
75 K 76 L 77 M 78 N
79 O 80 P 81 Q 82 R
83 S 84 T 85 U 86 V
87 W 88 X 89 Y 90 Z
91 [ 92 / 93 ] 94 ^
95 _ 96 ` 97 a 98 b
99 c 100 d 101 e 102 f
103 g 104 h 105 i 106 j
107 k 108 l 109 m 110 n
111 o 112 p 113 q 114 r
115 s 116 t 117 u 118 v
119 w 120 x 121 y 122 z
123 { 124 | 125 } 126 ~

javascript学习——键盘事件详解 接口用来描述用户与键盘的互动。这个接口继承了Event接口,并且定义了自己的实例属性和实例方法。浏览器原生提供构造函数,用来新建键盘事件的实例。构造函数接受两个参数。第一个参数是字符串,表示事件类型;第二个参数是一个事件配置对象,该参数可选。除了Event接口提供的属性,还可以配置以下字段,它们都是可选。key:字符串,当前按下的键,默认为空字符串。code:字符串,表示当前按下的键的字符串形式,默认为空字符串。location:整数,当前按下的键的位置,默认为0。ctrlKey。 阅读详情

相关推荐

OpenHarmony实战开发-如何实现文件分布式同步编辑

在分布式文件场景中,分布式设备管理包含了分布式设备搜索、分布式设备列表弹窗、远端设备拉起三部分。首先在分布式组网内搜索设备,然后把设备展示到分布式设备列表弹窗中,最后根据用户的选择拉起远端设备。两台设备组网的分布式场景是工作中常常需要的。这样的分布式场景有助于加快工作效率,减少工作中的冗余,本例将为大家介绍如何实现上述功能。​ (2)订阅分布式数据变化:通过this.distributedObject.on(‘status’, this.statusCallback)监听分布式数据对象的变更。

2401_82546228的博客 751

JavaScript——常用的键盘事件

不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性。请注意,该特性随时可能无法正常工作。核心思路︰检测用户是否按下了s键,如果按下s键,就把光标定位到搜索框里面。使用键盘事件对象里面的keyCode判断用户按下的是否是s键。onkeypress某个键盘按键被按下时触发︰但是。等调节性按键的状态和键盘的区域 / 和布局有关。搜索框获得焦点∶使用js 里面的focus()方法。返回用户按下的物理按键的值。

shhghvvh的博客 6176

从CAD到完美网格:HyperMesh几何清理全流程指南(2023最新版)

本文详细介绍了2023最新版HyperMesh在几何清理和网格划分方面的全流程操作指南。从CAD导入、几何修复到中面提取和网格生成,系统性地分享了实战验证的解决方案,帮助工程师高效处理复杂几何体,提升有限元模型质量。特别针对汽车和航空航天领域的常见问题,提供了智能化工具和优化技巧。

weixin_29306011的博客 226

js事件(点击事件,键盘事件)

5.在移除事件上,onclick使用的是指针指向null,例如document.onclick = null,而addEventListener则使用的是独有的移除方法removeListener(要使用此方法,addEventListener必须执行的是外部函数或存在函数名,不然则不能使用)scrollWidth : 是一个只读属性,它返回该元素的像素高度(包含元素宽度,内边距(padding),不包含外边距(margin)、边框(border)),是一个整数,单位是像素 px。

aaaaaaaallllll的博客 2456

ads设计Doherty功放(1)

Doherty功放的设计

qq_40995480的博客 2万+

士兰微SC7A20H三轴加速度计在智能穿戴设备中的运动检测实践

本文详细介绍了士兰微SC7A20H三轴加速度计在智能穿戴设备中的运动检测实践,包括其工作原理、硬件设计避坑指南、运动检测算法优化、低功耗设计及校准测试技巧。SC7A20H凭借±16g超宽量程和0.004g高精度,成为智能穿戴设备的运动感知核心,适用于计步、6D方向检测等场景,显著提升用户体验。

weixin_29168153的博客 739

二、(JS)JS中常见的键盘事件

js中常见的键盘事件

Sean_0819的博客 1523

25、BDS-3卫星信号性能与PPP-B2b增强消息完整性分析

本文对BDS-3卫星信号性能及PPP-B2b增强消息的完整性进行了系统分析。评估了MEO、IGSO和GEO卫星的轨道与时钟精度,得出BDS-3总体SISRE为0.25 m,系统完整性可覆盖99.999%的误差。分析表明SIS中断主要由时钟调整和轨道机动引起,个别卫星存在因境外监测受限导致的非计划中断。通过自研解码软件对PPP-B2b增强消息进行采集与解析,实验结果显示BDS-3和GPS的平均历元完整性率均高于98.55%,其中卫星掩码和时钟校正消息的完整性率超过99.8%。研究还发现IGSO卫星相比MEO卫

quiet的专栏 144

JS的键盘事件

avaScript提供了一些用于处理键盘事件的事件类型。通过这些事件,你可以在用户按下或释放键盘上的键时执行相应的操作。:当用户按下并释放可打印字符键(如字母、数字、符号等)时触发该事件。注意,不同的浏览器可能对。:当用户按下键盘上的任意键时触发该事件。:当用户释放键盘上的任意键时触发该事件。事件的行为有所不同。

m0_71966801的博客 1517

梯度提升决策树GBDT原理与代码实例讲解

梯度提升决策树GBDT原理与代码实例讲解 1.背景介绍 1.1 机器学习发展历程 机器学习是人工智能领域的一个重要分支,旨在使计算机具备学习和改进自身性能的能力。随着大数据时代的到来,海量的数据为机器学习算法提供了广阔的应用空间。在

AI天才研究院 1085

Python之achatbot包语法、参数和实际应用案例

本书是一本PyTorch深度学习实战指南,分为基础(前6章)和进阶(后5章)两大部分。基础部分涵盖张量运算、神经网络、数据预处理及CNN等核心内容;进阶部分则深入图像、文本、音频建模技术,重点解析Transformer架构及大语言模型开发。全书采用"理论+实践"模式,适合从零基础到进阶的PyTorch学习者。

王国平的博客 632

JavaScript 键盘事件监听库 Hotkeys.js 使用教程

Hotkeys.js 是一个简单易用、无依赖的 JavaScript 键盘输入捕获库。它体积小巧(压缩后约 2.8kB),不干扰其他 JavaScript 库或框架。Hotkeys.js 提供了丰富的键盘事件监听功能,支持定义快捷键,并且可以自定义快捷键的响应行为。 ## 2. 项目快速启动 首先,确保你的系统中安装了 Node.js。 ### 通过 npm 安装 ```bash npm ...

gitblog_00397的博客 760

RK3566/RK3568 Android 11添加系统服务

【代码】RK3566/RK3568 Android 11添加系统服务。

qq_23921815的博客 641

[JavaScript] JS里面的键盘事件对应的键码

js 里面的键盘事件对应的键码 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = Control_L keyCode 18 = Al...

iChangebaobao的博客 312

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

Keyboard.js(这里假设你指的是一个与键盘事件处理相关的JavaScript库

Keyboard.js(这里假设你指的是一个与键盘事件处理相关的JavaScript库,尽管没有一个广泛认知的、标准的名为Keyboard.js的库,但类似名称的库如KeyboardJS是存在的)通常是一个用于简化键盘事件处理的JavaScript库。这类库允许开发者以更简洁、更直观的方式绑定键盘快捷键,处理复杂的键盘组合事件,以及提供回调事件支持等。

博客域名:borter.blog.youkuaiyun.com 750

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

JS键盘事件(非常详细)

在JavaScript中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面3中类型: keydown: 在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种连续操作。该事件处理函数返回false时,会取消默认的动作(如输入的键盘字符,在IE和Safari浏览器下还会禁止keypress事件响应). keypress: 按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回false时,会取消默认的动作(如输入的键盘字符). keyu

zhangge3663的博客 6195

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

JavaScript键盘事件经典案例

JavaScript键盘事件五大经典案例 目录:JavaScript键盘事件五大经典案例1、什么是键盘事件2、常用键盘事件3、常用属性和方法4、案例4.1 京东搜索框4.2 快递单号输入查询4.3 文字禁止选中4.4 禁止右击菜单4.5 自定义鼠标光标 1、什么是键盘事件 ​ 键盘事件就是我们对键盘的操作触发绑定元素对象的相关函数,比如敲击键盘上的某个键,按住键盘上的某个键,按组合快捷键后元素做出的函数行为……等这些都是键盘事件的体现。 2、常用键盘事件 事件 说明 onkeydown

abraham_ly的博客 1722

js input 键盘事件 改变值_javascript:什么是js事件?(下)

大家好,我来了!本期为大家带来的Web前端学习知识是”javascript:什么是js事件?(下)“,喜欢Web前端的朋友,一起看看吧!本节主要内容:表单文档事件键盘事件滚动事件手机触摸事件表单注册案例学习目标:一、表单文档事件 焦点:js当前正在和用户发生交互的节点称为焦点。可以类比为人类目光汇聚的地方。 语法:获得焦点和失去焦点事件既可以使用DOM1绑定也可以使用DOM2绑定八哥总结说明:这两...

weixin_32376927的博客 332

JavaScript回车事件等键盘事件

JavaScript回车事件等键盘事件JavaScript键盘事件键盘事件属性键盘响应顺序JavaScript 监听回车事件Keycode对照表 JavaScript键盘事件 在 JavaScript 中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面 3 种类型: 1)keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器下还会

u012211003的博客 2万+

JavaScript常用的键盘事件

JavaScript常用的键盘事件 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键被按下时触发(不识别功能键) <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

Dreamer 344

js键盘事件

在JavaScript中我们会使用到键盘事件来控制浏览器行为在键盘事件里有3种类型 1. Keydown:在处理在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器下还会禁止keypress 事件响应) 2. Keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作..

sanbaoag的博客 1636

JS 事件 —— 键盘事件

Web前端基础 学习笔记 一、JS 键盘事件 1.1、按下字符键触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS 键盘事件</title> <script type="text/javascript"> ...

白菜执笔人的博客 425

js键盘事件中的键码对照表

  JS中的键盘事件经常用到,收集了键盘事件对应的键码来分享下: keyCode 对应按键 8 BackSpace BackSpace 9 Tab Tab 12 Clear 13 Enter 16 Shift_L 17 Control_L 18 Alt_L 19 Pause 20 Caps_Lock 27 Escape Escape 32 s...

波波烤鸭的博客 1万+

js模拟键盘事件方法

方法定义 export function fireKeyEvent(el, evtType, keyCode) { var evtObj; if (document.createEvent) { if (window.KeyEvent) {//firefox 浏览器下模拟事件 evtObj = document.createEvent('KeyEvents'...

weixin_33910434的博客 1万+
上一篇: 用网页代码实现把TAB键变为Enter键
下一篇: js键盘事件全面控制
hjpengjava
博客等级 码龄18年 5粉丝 39原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值