HTML——JS—键盘事件

最新推荐文章于 2024-03-17 17:15:54 发布
最新推荐文章于 2024-03-17 17:15:54 发布
阅读量321 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piduocheng0577/article/details/104942306
版权

目录

  1. 键盘事件
  2. 案例

 

  1. 键盘事件

    键盘事件中
					altKey
					ctrlKey
					shitfKey
					metaKey 
					
					key --- 获取的点击的键盘上的什么符号
					
					charcode --- onkeypress事件中  获取的字符对应的ASCII码

     

  2. 案例

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// document.onkeydown = function(e){
			// 	// if(e.altKey){
			// 	// 	console.log("alt键被按下")
			// 	// }else if(e.ctrlKey){
			// 	// 	console.log("ctrl键被按下")
			// 	// }else if(e.shiftKey){
			// 	// 	console.log("shit键被按下")
			// 	// }else if(e.metaKey){
			// 	// 	console.log("主键被按下")
			// 	// }
				
			// 	// 几个键同时按
			// 	// if(e.altKey && e.ctrlKey){
			// 	// 	console.log("两个键同时被按下")
			// 	// }
				
			// 	// 获取按键的标识符
			// 	console.log(e.key)
				
			// 	// Windows
			// 	// if(e.ctrlKey && e.key == "c"){
			// 	// 	console.log("拷贝")
			// 	// }
			// 	// mac 
			// 	if(e.metaKey && e.key == "c"){
			// 		console.log("拷贝")
			// 	}
				
			// 	// 字母对应的大写字母的ascii码值
			// 	console.log(e.keyCode)
			// }
			
			document.onkeypress = function(e){
				console.log(e.charCode)
				// 区分了大小写
			}
			
		</script>
	</body>
</html>

     

Jhinhua
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
18-HTML DOM-事件（鼠标事件、键盘事件、表单事件等等）
记录java学习日常~
05-22 607
JavaScript 事件（Event）是指在 HTML 文档中某些特定的交互动作或操作发生时，浏览器会自动触发并执行预先编写好的 JavaScript 代码。常见的交互动作或操作包括鼠标点击、键盘按下、网页加载完成等。
Web API 事件(高级) —— 常用键盘事件
赚钱养自个儿的博客
04-22 362
  目录7、常用键盘事件键盘事件键盘事件对象案例模拟京东按键输入内容模拟京东快递单号查询     学习来源：https://www.bilibili.com/video/BV1HJ41147DG   7、常用键盘事件 键盘事件 注释 1、如果使用 addEventListener 不需要加 on 2、onkeypress 和前面2个的区别是：它不识别功能键，比如左右箭头，shift 等 3、三个...
Js-三大事件（鼠标事件、键盘事件、html事件）
blog_zxb的博客
03-31 650
鼠标事件click：单击dblclick：双击mousedown：鼠标按下mouseup：鼠标抬起mouseover：鼠标悬浮mouseout：鼠标离开mousemove：鼠标移动mouseenter：鼠标进入mouseleave：鼠标离开[html] view plain copy &lt;button onclick="myClick()"&gt;鼠标单击&lt;/button&gt;  &l...
HTML DOM 事件 —— 键盘事件 JS键盘事件
Yxd0724的博客
08-31 4530
如果想实现快捷的页面操作，或者是一些前端的游戏，了解键盘事件很重要；onkeydown 某个键盘按键被按下onkeypress 某个键盘按键被按下并松开onkeyup 某个键盘按键被松开这些键盘事件可以使用于,,,,,,,,,, 和......
按键事件
keyuquan的博客
09-21 474
控件的按键事件 setOnKeyListener(newDialogInterface.OnKeyListener() { @Override public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) { if(event.getAction() == KeyEvent.ACTION_UP){ if
html中键盘事件----在路上（16）
weixin_30546933的博客
01-04 58
键盘事件，这里以onkeyup为例； 解析：当在一个input中输入文本时，在另一个div中输出文本 在下面是本人写的小demo，供分享。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>键...
JavaScript程序设计——事件处理实验报告.docx
11-11
- **键盘事件**：如`onkeydown`（键按下）、`onkeyup`（键释放）和`onkeypress`（字符键按下）。 - **页面事件**：如`onload`（页面加载完成）、`onunload`（页面卸载）。 - **表单事件**：如`onsubmit`（表单...
网页模板——js支持键盘控制的左右切换立体式图片轮播特效源码.zip
11-23
在这个项目中，JavaScript 负责处理用户输入（键盘事件）、图片的加载、切换动画以及定时器等逻辑。 2. **DOM操作**：Document Object Model (DOM) 是HTML和XML文档的结构表示，JavaScript 可以通过DOM API来操作...
事件（event）练习——键盘事件
weixin_44522602的博客
04-14 513
参考 b站
键盘的按键事件
weixin_58448088的博客
01-17 3916
1. 键盘的按键事件 keydown 按键按下 keyup 按键抬起 keypreww 按键按下 1.键盘事件默认只有可以获取焦点的标签支持，一般只是 input标签 和 textarea，以及 document document.documentElement document.body 2. 键盘按下事件，如果一直按住键盘按钮，会一直触发事件 3.keydown 和 keypress 的区别 所有的按键都会触发keydown事件 ...
键盘按键事件
JessieZao的博客
01-18 590
键盘按键事件:       典型的按键会产生三种事件,依次执行 keydown , keypress , keyup     获取按键码:ie有keyCode属性; FireFox有which和charCode; Opera有keyCode和which; chrome有keyCode, which, charCode属性 String.fromCharCode (keyCode/which/cha
JS三大事件（鼠标事件、键盘事件、html事件）
极客神殿
04-28 822
鼠标事件 click：单击 dblclick：双击 mousedown：鼠标按下 mouseup：鼠标抬起 mouseover：鼠标悬浮 mouseout：鼠标离开 mousemove：鼠标移动 mouseenter：鼠标进入 mouseleave：鼠标离开 <button "myClick()">鼠标单击</button> <button "myDBClick()"...
html5 键盘触发事件
weixin_44493841的博客
07-22 781
html5 键盘触发事件 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>键盘事件</title>   <script>     window.onload=function () {       window.onk
安卓按键事件
GB032616的博客
11-07 944
安卓按键事件 一、思维结构 二、涉及知识点 1、线性布局 2、图像视图 （1）图像源 – src （2）背景 – background （3）比例类型 – scaleType 3、安卓按键事件处理 三、步骤 （米老鼠） 1、创建安卓应用MoveMickeyByKey 2、准备背景图片background.jpg与米老鼠图片mickey.png，拷贝到mipmap目录里 3、主布局资源文件acti...
按键事件的处理
ujswml的专栏
06-07 996
按键事件的处理。 所谓按键处理，就是在游戏中，玩家按了一个键。 你把它记录下来，然后在程序中判断，按了什么键，要完成什么相应的功能。 这个按键处理系统也是十分巧妙，实现的方式不一样，照顾的方面也不一样。
Html中的JS操作键盘事件判断
u010663871的专栏
10-05 2021
 太值得收藏了！！ 表单相关收集    只能是写限定的东西 ----------------------------------------------------------------------------------- ENTER键可以让光标移到下一个输入框    只能是中文  只能是英文和数字.屏蔽了输入法  只能输入英文和数字  只能是数字 只能显示，不
JavaScript：键盘事件、定时器
最新发布
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
03-17 1798
keydown 事件 会在按键在元素上按下时触发keyup 事件 会在按键在元素上松开时触发键盘事件只能绑定给可以获取焦点的元素事件对象中key属性，表示当前所按的按键keyCode返回的是按键的编号（不区分大小写和换挡）类似于ctrl alt shift这种功能按键，在事件对象中都有专门判断属性ctrlKey 用来判断ctrl是否被按下，按下返回true，否则返回falsealtKey 用来判断alt是否按下shiftKey 用来判断shift是否按下。
常用的键盘事件
凉茶铺的博客
12-25 1730
介绍了常用的键盘事件对象
JavaScript事件处理程序详解与示例
"JavaScript使用案例——北大青鸟内部培训教材" 在JavaScript中，事件处理是编程中的关键概念，它使得用户与网页之间的交互变得更加动态和响应。本教材主要讲解了JavaScript事件处理的一些基本知识和实际应用案例。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值