JS键盘监听事件

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">window.onload = function(){/** 键盘事件：* 	onkeydown* 		- 按键被按下* 		- 对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发* 		- 当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常的快* 			这种设计是为了防止误操作的发生。* 	onkeyup* 		- 按键被松开* *  键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document*/document.onkeydown = function(event){event = event || window.event;/** 可以通过keyCode来获取按键的编码* 	通过它可以判断哪个按键被按下* 除了keyCode，事件对象中还提供了几个属性* 	altKey* 	ctrlKey* 	shiftKey* 		- 这个三个用来判断alt ctrl 和 shift是否被按下* 			如果按下则返回true，否则返回false*///console.log(event.keyCode);//判断一个y是否被按下//判断y和ctrl是否同时被按下if(event.keyCode === 89 && event.ctrlKey){console.log("ctrl和y都被按下了");}};/*document.onkeyup = function(){console.log("按键松开了");};*///获取inputvar input = document.getElementsByTagName("input")[0];input.onkeydown = function(event){event = event || window.event;//console.log(event.keyCode);//数字 48 - 57//使文本框中不能输入数字if(event.keyCode >= 48 && event.keyCode <= 57){//在文本框中输入内容，属于onkeydown的默认行为//如果在onkeydown中取消了默认行为，则输入的内容，不会出现在文本框中return false;}};};</script></head><body><input type="text" /></body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/325608.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

一文带你理解Java中Lock的实现原理

一文带你理解Java中Lock的实现原理

转载自 一文带你理解Java中Lock的实现原理 当多个线程需要访问某个公共资源的时候&#xff0c;我们知道需要通过加锁来保证资源的访问不会出问题。java提供了两种方式来加锁&#xff0c;一种是关键字&#xff1a;synchronized&#xff0c;一种是concurrent包下的lock锁。syn…
阅读更多...
请19级的童鞋们接收一下

请19级的童鞋们接收一下

135编辑器1李磊&#xff1a;磊&#xff0c;假期过的可好&#xff1f;有没有人在写作业呀&#xff1f;通过这段时间的学习&#xff0c;可以看得出你对我们的课程兴趣浓厚&#xff0c;尤其是scratch&#xff0c;自己做了好多的案例&#xff0c;之前还以为你们都是从网上直接下载的…
阅读更多...
Spring-boot IDEA使用注解@ConfigurationProperties时报错解决

Spring-boot IDEA使用注解@ConfigurationProperties时报错解决

使用注解ConfigurationProperties报错 使用ConfigurationProperties注解&#xff0c;以前用的挺好没出现问题&#xff0c;换了IDEA的版本使用&#xff0c;发现报错了&#xff0c;具体报错如下&#xff1a; Spring Boot Configuration Annotation Processor not found in class…
阅读更多...
微软Build 2017首日主角AI 同时发布.NET Core 2.0 Preview 1

微软Build 2017首日主角AI 同时发布.NET Core 2.0 Preview 1

软公司一年一度的开发者大会&#xff0c;即“Microsoft Build 2017”在总部西雅图正式开幕。按照官方安排&#xff0c;本次大会将持续 3 天&#xff0c;主题围绕微软公司各项最新技术成果的展示和研讨&#xff0c;包括与微软相关的产业界人士的沟通和互动&#xff0c;以及对未来…
阅读更多...
JS操作地址栏Location

JS操作地址栏Location

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title><script type"text/javascript">/** Location* - 该对象中封装了浏览器的地址栏的信息*/window.onload function(){//获取按钮对象var btn…
阅读更多...
彻底理解HashMap的元素插入原理

彻底理解HashMap的元素插入原理

转载自 彻底理解HashMap的元素插入原理 HashMap&#xff0c;是Java语言中比较基础也比较重要的一种数据结构&#xff0c;由于其用途广泛&#xff0c;所以&#xff0c;Java的工程师在设计HashMap的时候考虑了很多因素。 通过阅读HashMap的源码&#xff0c;可以学习到很多知识…
阅读更多...
使用C#操作XML文件

使用C#操作XML文件

今天更新一篇技术文章&#xff0c;使用C#实现对XML的操作&#xff1a;首先需要准备一个测试的XML文件&#xff0c;我这边命名为test.xml:文件内容为&#xff1a;<test><id>1</id><name>张三</name><age>18</age><id>2</id&…
阅读更多...
Linux使用Jexus托管Asp.Net Core应用程序

Linux使用Jexus托管Asp.Net Core应用程序

第一步 安装.Net Core环境 安装 dotnet 环境参见官方网站 https://www.microsoft.com/net/core。 选择对应的系统版本进行安装。安装完成过后 输入命令查看版本&#xff0c;目前最新版为 1.04&#xff1a; dotnet --version 此时已经可以发布Asp.Net Core应用程序到Linux上…
阅读更多...
C++字符串分割替换 ubuntu版本

C++字符串分割替换 ubuntu版本

#include <iostream> #include <string> #include <vector> using namespace std; vector<string> mySplit(const string& str,string sp_string) // split(),str 是要分割的string { vector<string> vecString; int sp_stringLen sp_st…
阅读更多...
优秀学生专栏——董超

优秀学生专栏——董超

优秀学生--董超今天回访了下17级优秀学生董超同学&#xff0c;董超同学在校期间一直担任小组组长&#xff0c;平时学习刻苦认真&#xff0c;各个阶段的项目也做的非常优秀&#xff0c;今年5月份左右毕业&#xff0c;所在岗位是开发&#xff0c;目前的薪资在5000左右&#xff0c…
阅读更多...
高级开发必须理解的Java中SPI机制

高级开发必须理解的Java中SPI机制

转载自 高级开发必须理解的Java中SPI机制 本文通过探析JDK提供的&#xff0c;在开源项目中比较常用的Java SPI机制&#xff0c;希望给大家在实际开发实践、学习开源项目提供参考。 SPI是什么 SPI全称Service Provider Interface&#xff0c;是Java提供的一套用来被第三方实…
阅读更多...
JS中的延时调用

JS中的延时调用

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title><script type"text/javascript">var num 1;//开启一个定时器/*setInterval(function(){console.log(num);},3000);*//** 延时调用&#xff…
阅读更多...
动态代理JDK于cglib

动态代理JDK于cglib

静态代理的缺点&#xff1a; 1、由于静态代理中的代理类是针对某一个类去做代理的&#xff0c;那么假设一个系统中有100个Service&#xff0c;则需要创建100个代理类 2、如果一个Service中有很多方法需要事务&#xff08;增强动作&#xff09;&#xff0c;发现代理对象的方法中…
阅读更多...
以深圳.NET俱乐部名义 的技术交流会圆满成功

以深圳.NET俱乐部名义 的技术交流会圆满成功

2017年5月13日的深圳下着暴雨&#xff0c;一场以深圳.NET俱乐部名义的.NET技术交流会在微软Build 2017刚闭幕时在罗湖布吉路与翠山路交界处富基PARK国际6F举办&#xff0c;这次交流以微软Build 2017 大会发布的.NET Standard 2.0 Preview1/.NET Core 2.0 Preview 1为契机&#…
阅读更多...
C#中的序列化和反序列化

C#中的序列化和反序列化

序列化&#xff1a;是将对象的状态存储到特定存储介质的过程&#xff0c;也可以说是将对象状态转换为可保持或传输的格式的过程。 上面的解释是官方定义&#xff0c;大白话解释就是&#xff0c;将对象以二进制的方式存储在文件中&#xff0c;如果简简单单的将一些数据或者内容存…
阅读更多...
JS中的JSON

JS中的JSON

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title><!--如果需要兼容IE7及以下的JSON操作&#xff0c;则可以通过引入一个外部的js文件来处理--><script type"text/javascript" src"js…
阅读更多...
关于勒索病毒 Ransom:Win32.WannaCrypt 解决方案的最后一次说明

关于勒索病毒 Ransom:Win32.WannaCrypt 解决方案的最后一次说明

2017/5/12 晚&#xff0c;勒索软件 Ransom:Win32.WannaCrypt 大面积暴发。比病毒爆发更火的&#xff0c;则是各类关于此病毒的新闻、解决方法在朋友圈等社交媒体的爆发。 其中&#xff0c;有主观善意但客观一知半解的指导&#xff0c;更有夹带私货的安全软件商携各类工具的广告…
阅读更多...
maven的三种packaging方式

maven的三种packaging方式

pom是maven依赖文件 jar是java普通项目打包 war是java web项目打包 pom&#xff1a;打出来可以作为其他项目的maven依赖&#xff0c;在工程A中添加工程B的pom&#xff0c;A就可以使用B中的类。用在父级工程或聚合工程中。用来做jar包的版本控制。 jar包&#xff1a;通常是开发…
阅读更多...
C#中的序列化和反序列化案例

C#中的序列化和反序列化案例

序列化&#xff1a;是将对象的状态存储到特定存储介质的过程&#xff0c;也可以说是将对象状态转换为可保持或传输的格式的过程。上面的解释是官方定义&#xff0c;大白话解释就是&#xff0c;将对象以二进制的方式存储在文件中&#xff0c;如果简简单单的将一些数据或者内容存…
阅读更多...
浅谈MySQL的B树索引与索引优化

浅谈MySQL的B树索引与索引优化

转载自 浅谈MySQL的B树索引与索引优化 MySQL的MyISAM、InnoDB引擎默认均使用B树索引&#xff08;查询时都显示为“BTREE”&#xff09;&#xff0c;本文讨论两个问题&#xff1a; 为什么MySQL等主流数据库选择B树的索引结构&#xff1f; 如何基于索引结构&#xff0c;理解常…
阅读更多...
最新文章

Copyright @ 2022~2023