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。 阅读详情

相关推荐

20、机器人硬件改造与Geomagic Touch设备的运动学和动力学模型

本文详细介绍了机器人CRS 465和255的硬件改造过程,包括数字阶段、模拟阶段、功率阶段及软件实现,并深入研究了Geomagic Touch触觉设备的五自由度与三自由度运动学、微分运动学及动力学模型。文章还探讨了其在虚拟手术、装配等场景中的应用,提出了硬件与模型优化方向,如电源管理改进、信号处理优化、参数校准与自适应控制,并展望了多机器人协作、多传感器融合与智能控制算法的发展前景。

e4f5g6h7的博客 106

JavaScript——常用的键盘事件

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

shhghvvh的博客 6167

Android实现自动输入文本效果 (附完整源码)

Android实现自动输入文本效果 (附完整源码)

希望我的博客,能帮上你解决学习中工作中所遇到的问题 387

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

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

aaaaaaaallllll的博客 2448

二、(JSJS中常见的键盘事件

js中常见的键盘事件

Sean_0819的博客 1519

JS键盘事件

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

m0_71966801的博客 1511

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

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

gitblog_00397的博客 759

[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的博客 309

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

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

博客域名:borter.blog.csdn.net 731

JS键盘事件(非常详细)

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

zhangge3663的博客 6188

js键盘事件

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

sanbaoag的博客 1634

JavaScript键盘事件经典案例

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

abraham_ly的博客 1714

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

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

weixin_32376927的博客 330

HTML:用键盘实现元素的方向移动

案例:div的方向移动 body部分: <div id="ok">✈</div> style样式:自己设置大小灯样式,其中最重要的是要元素脱离文档流---不占页面位置了,其下也可以放其他元素。 #ok {position: absolute; } 补absolute:它的参照物是最近使用了定位的父级,如果没有找body。 此案例中div id="ok"的父级就是body。 首先:我们需要知道怎样将键盘中的按键与元素/对象相联系,能控制它。 这就是JS键盘事件

qq_51874203的博客 2570

JS 事件 —— 键盘事件

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

白菜执笔人的博客 423

JavaScript事件监听中的键盘事件详解

键盘事件是用户在键盘上执行某些操作时触发的事件。常见的键盘事件包括keydownkeypress和keyup。它们能捕捉到用户按下或释放键盘按键的动作,通过对这些事件进行监听,我们可以为用户提供更丰富的交互体验。键盘事件在 Web 开发中扮演着至关重要的角色,从表单输入到快捷键、游戏控制,键盘事件的合理运用可以显著提升用户的操作体验。通过keydownkeyup等事件监听,我们能够捕捉用户的键盘输入并作出相应的响应。

lph159的博客 4198

JavaScript基础-常用的键盘事件

JavaScript基础-常用的键盘事件

m0_61787196的博客 1000

JS 键盘事件 - Kaiqisan

ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである, 这次讲讲键盘事件,如有不足之处,欢迎指出! 键盘事件一共有仨 onkeydown: 键盘按下时触发,返回键盘的代码值(不区分大小写) onkeypress : 键盘按下触发,返回当前输入的ASCII码的值(区分大小写) onkeyup: 键盘抬起时触发,获取的内容与onkeydown一样。 PS:需要注意的是onkeydown与onkeypress有着很大的一个区别就是onkeypress只能获取能获得输入的按键的编码,无法获取f1.

Kaiqisan的博客 491

产品文档(PRD+BRD+MRD).zip

产品文档(PRD+BRD+MRD)

上一篇: 用网页代码实现把TAB键变为Enter键
下一篇: js键盘事件全面控制
hjpengjava
博客等级 码龄18年 5粉丝 39原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值