js获取键盘输入的方法

最新推荐文章于 2024-04-22 15:36:45 发布
最新推荐文章于 2024-04-22 15:36:45 发布
阅读量225 收藏
点赞数
分类专栏： VUE学习 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sddycai/article/details/134171865
版权

使用event.key 获取的是键盘按键的名称比如：Shift 

使用event.KeyCode 获取的是键盘上的代码比如：13

NL_LIU
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
12-10
基于jQuery的扫码枪监听。如果只是想实现监听获取条码扫码信息，可以直接拿来使用，如果有更多的条码判断处理逻辑需要自己扩展。 一、功能需求 使用扫码枪扫描条码，在一个web页面监听获取扫码枪的数据，并禁止用户进行手动的输入操作。 开始的想法非常简单，因为扫码枪就是模拟键盘的输入，当他用usb接口插入电脑的时候，就变成了一个外接的输入设备，用js监听就可以了。但是如何判断用户是否为手动输入就需要做一些处理了。 二、主要问题 1.如何判断是否手动输入 2.如何判断一个条码输入完成 三、解决方案 手动输入的解决办法就是：对比一个键从按下到抬起的时间间隔，以及两次按键的时间间隔。 因为扫码枪的输入速
JS的输入与输出
weixin_51077152的博客
09-12 3285
1. 输入——动态输入框（prompt方法） prompt(‘提示’,默认值) 默认值可以省略 1. 作用：向程序输入数据 2. 格式：prompt(‘提示文字’, 默认值); 3. 注意：返回值为字符串类型 2. 输出方式（3种） 1）输出到控制台 console.log(); 2）输出到网页 document.write(); 输出到页面的内容在script后面 3）弹出警告框 window.alert(); 简写：alert(); 注意：alert会阻止页面程序的得执行 以上都是顺序执行，由上
js 获取扫码枪输入数据的方法
11-20
1、扫码枪相当于键盘输入设备，输入一连串数字后加一个enter键。但在实际开发中需要区分是扫描枪输入还是键盘用户输入，区别在于扫码枪输入很快。 let code = ''; let lastTime, nextTime; let lastCode, nextCode; [removed] = (e) => { if (window.event) { // IE nextCode = e.keyCode; } else if (e.which) { // Netscape/Firefox/Opera ne
JS获取键盘上任意按键的值(实例代码)
01-19
废话不多说，直接上代码 代码如下:function keyUp(){         if(navigator.appName == “Microsoft Internet Explorer”){　　     　　  var keycode = event.keyCode; 　　     　　   　　    　　   }else{　　    　　    varkeycode = keyUp.caller.arguments[0].which;　    　　　　   　　    }　　   　　   alert(keycode);　　   　}
js仿支付宝多方框输入支付密码效果
11-23
上次看到别人说写一个类似支付宝支付密码的输入框效果，今天就想自己写了试试看，大体功能是实现了。 已实现部分： 1. 焦点会随着输入数值往后推移 2. 如果输入的非0-9，则会出现提示 3. 按Backspance回车可以对应格子焦点往前推移 4. 按回车或者点击按钮可以触发按钮点击事件，获得输入值 未完善部分： 1. 在控制输入类型的时候，只有0-9、非0-9以及回车、回删几个键盘事件的区分，不够完善 2. 输入框用的input标签，password类型，会将输入值变成圆点，但是圆点太小不够美观，不知道如何改变圆点大小，考虑是否要画个圆点遮盖 ps：代码不够精简，很多感觉还可以改
【javascript】获取键盘输入
qq_63806300的博客
06-24 989
在JavaScript中，如果我们想要获取键盘中的键对应的键码，可以使用event对象的keyCode属性。
JavaScript 获取 input 输入框内容的几种方法
每天都想吃好吃的
06-29 1万+
```例如： let inputText = document.getElementsByTagName("input")[0].value;```例如：let inputText = document.getElementsByName("input")[0].value;```例如：let inputText = document.querySelector("#input").value;````例如：let form = document.forms[0];
js自动模拟用户键盘输入，自动触发输入事件，三种方法，适用vue,react网页
热门推荐
weixin_54051261的博客
07-12 1万+
js自动模拟用户键盘输入，自动触发输入事件，三种方法，适用vue,react网页
JavaScript 获取 input 输入框内容的方法
smarten57的博客
04-10 1万+
为输入框的 id 或 name 属性值，可以根据实际情况进行修改。属性获取输入框内容。属性获取输入框内容。属性获取输入框内容。方法获取输入框元素，再通过。方法获取输入框元素，再通过。方法获取输入框元素，再通过。
接收键盘输入prompt方法 js 0206
pyhui的技术博客
02-06 211
接收键盘输入prompt方法 js 0206
js简单的设置快捷键，hotkeys捕获键盘键和组合键的输入-javascript
06-21
这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键，它没有依赖，压缩只有只有(~3kb)。 Hotkeys HotKeys.js 是一个输入捕获库，具有一些非常特殊的功能，易于获取和使用，具有合理的占用空间 (~3kb) (gzipped: 1.73kb)，并且没有依赖项。 它不应干扰任何 JavaScript 库或框架。 官方文档演示预览。 ╭┈┈╮╭┈┈╮╭┈┈╮┆ ┈┈┈。 ┆┆┆□┆┆┈┤┆<┆-__┘┆┆┆┆__┈┈┤╰┈┈┴┈┈╯╰┈┈┈┈┈╯╰┈┈┈┈╯╰┈┈┴┈┈╯╰ ┈┈┈┈┈╯╰┈┈┈ ┆╰┈┈┈┈┈╯ ╰┈┈┈┈┈╯ 用法 您需要在系统上安装 Node.js。 $ npm install hotkeys-js --save import hotkeys from 'hotkeys-js'; hotkeys('f5', function(event, handler){ // 防止WINDOWS系统下的默认刷新事件 event.preventDefault() alert('you press F5!') }); 或者手动下载
JS实现获取键盘按下的按键并显示在页面上的方法
11-22
本文实例讲述了JS实现获取键盘按下的按键并显示在页面上的方法。分享给大家供大家参考，具体如下： 请你使用键盘输入一些字符，这些字符就被显示在网页的空白处，是不是少了文本框或文本域之类的东西，觉得挺不习惯呢？这个效果是应用了JavaScript中的[removed]对象，监测键盘的一举一动，并记录下哪些键被按下，有意思吧，想研究Js的朋友，就从这些小例子开始吧。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-web-show-key-press-codes/ 具体代码如下： <html> <head> <title
js语法
袭锐Code
09-05 1739
JS语法1. 什么是JavaScript JavaScript是一门广泛用于浏览器客户端的脚本语言 由Netspace公司设计，当时跟Sun公司合作，所以名字起得像Java 业内一般简称JS 2.JS的常见用途 HTML DOM操作（节点操作，比如添加、修改、删除节点） 给HTML网页增加动态功能，比如动画 事件处理：比如监听鼠标点击、鼠标滑动、键盘输入 3.JavaScript的书写方式
js获取键盘按键事件、判断键盘按键事件、调用键盘按键事件
文龙刚的博客
12-16 2812
js获取键盘按键事件、判断键盘按键事件、调用键盘按键事件
js---如何通过js判断当前输入法是拼音还是英文输入法？
Wbiokr的博客
06-11 6623
给input绑定keyup或者oninput事件的时候，中文输入法下想让整个汉字输完才触发事件，那么就需要判断输入方式是否是中文的了。 var isPinyin = false, isPinyin = false; $('#selectMatchInput').on('compositionstart', function () { isPinyin = true });//此时为拼音输入法$('#
JS 监控输入法大小写
妹妹的秘密
01-07 1038
通过监控输入字母的取值位置来判断当前输入输入的字母大写还是小写 &lt;input type="password" id="password" placeholder="密码输入框"&gt; jQuery("#password").keypress(function (e) { var e = event || window.event; va...
使用javascript切换输入法(Change the IME model by JS)
weixin_34290352的博客
05-26 1007
Qustion： I am using a web application input page where the user enters name in english from sql table and upon pressing tab on the english name i am displaying the name in different language in ano...
【前端】数组的常用处理函数
最新发布
lcukyNwa的博客
04-22 417
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
用Js写读取键盘输入的脚本
09-20
### 回答1： 你可以使用以下代码来实现读取键盘输入的功能： ```javascript document.addEventListener('keydown', function(event) { console.log(event.key); }); ``` 该代码监听 `keydown` 事件，当用户按下键盘时触发回调函数。在回调函数中，使用 `event.key` 属性可以获取用户按下的键值。 ### 回答2： 使用JavaScript编写读取键盘输入的脚本可以通过addEventListener方法来实现。 首先，我们可以在HTML文件中添加一个<input>元素，用于输入内容，并给它一个唯一的id，例如： ```html <input type="text" id="input-text"> ``` 然后，在JavaScript文件中获取该<input>元素，并通过addEventListener方法监听键盘按下事件： ```javascript var inputElement = document.getElementById('input-text'); inputElement.addEventListener('keydown', function(event) { var key = event.key; console.log('键盘按下：', key); }); ``` 在上述代码中，我们定义了一个回调函数，当键盘按下时就会触发此函数。在函数中，我们可以通过event对象的key属性获取按下的键，并将其打印在控制台上。 如果需要获取输入的内容，可以使用inputElement.value属性。例如，可以将按下的键追加到某个元素上： ```javascript var outputElement = document.getElementById('output'); inputElement.addEventListener('keydown', function(event) { var key = event.key; outputElement.innerText += key; }); ``` 在上述代码中，我们假设存在一个具有id为'output'的元素，它用于显示按下的键。当键盘按下时，将按下的键追加到该元素的innerText属性上。 至此，我们已经完成了使用JavaScript编写读取键盘输入的脚本。现在，当用户在<input>元素中输入内容时，可以通过监听键盘按下事件来获取输入的内容，并根据需要进行进一步的处理。 ### 回答3： 用JS写读取键盘输入的脚本是非常常见的任务。下面是一个简单的例子，演示了如何使用JS监听键盘事件并读取输入。 ```html <!DOCTYPE html> <html> <head> <title>读取键盘输入的脚本</title> </head> <body> <input type="text" id="inputField"> <p id="output"></p> <script> // 获取页面上的输入框和输出元素 const inputField = document.getElementById('inputField'); const output = document.getElementById('output'); // 监听键盘事件 inputField.addEventListener('keyup', (event) => { // 读取键盘输入的值 const input = event.target.value; // 在输出元素中显示输入的值 output.innerHTML = '你输入的是：' + input; }); </script> </body> </html> ``` 这个简单的页面中有一个输入框和一个段落元素。当用户在输入框中输入时，`keyup`事件会被触发，然后通过`event.target.value`来获取输入的值。最后，将这个值显示在输出元素中。 希望这个例子能够帮助你理解如何使用JS来读取键盘输入的脚本。当然，还有更复杂的应用场景可以根据实际需求进行扩展和优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值