首页 > 编程语言 >javascript捕捉键盘

javascript捕捉键盘

时间:2023-02-26 21:02:59浏览次数:29  
标签:function javascript usernameElt 键盘 捕捉 event

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8     <title>Document</title>
 9 </head>
10 
11 <body>
12     <script>
13         window.onload = function () {
14             let usernameElt = document.getElementById("username");
15             usernameElt.onkeydown = function (event) {
16                 alert(event.key);
17             }
18         }
19     </script>
20     <input type="text" name="" id="username">
21 </body>
22 
23 </html>

 

标签:function,javascript,usernameElt,键盘,捕捉,event
From: https://www.cnblogs.com/2018jason/p/17157649.html

相关文章

  • JavaScript 赋值运算符
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *= * 可以将符号右侧的值赋值给符号左......
  • JavaScript 关系运算符
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *通过关系运算符可以比较两个值之间的......
  • JavaScript 逻辑运算符
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *JS中为我们提供了三种逻辑运算符 ......
  • 03_08_JavaWeb||day09_javaScript基础【重点掌握】||day09_1_JavaScript基础【重点掌
    今日内容JavaScript基础(建议写到body的最后面,防止先加载后获取导致获取不到)1.1JavaScript:1.1.1概念:一门客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有Ja......
  • 03_09_JavaWeb||day10_javaScript高级||day10_1_JavaScript高级【重点掌握】
    今日内容:JavaScript:(建议写到body的最后面,防止先加载后获取导致获取不到)ECMAScript:BOM:DOM:事件【重点】预热1DOM简单学习:为了满足案例要求功能:控制html文档的内容【*......
  • 《JavaScript百炼成仙》,简单但是挺有效的
    编程之修,重在积累,而非资质。资质虽然重要,可是后天的努力更不可少。《JavaScript百炼成仙》是一本以玄幻小说的形式,来讲述JavaScript的知识。此篇仅仅是我快速阅读《JavaScri......
  • Mac监控键盘输入并执行动作
    背景电脑的安全是非常重要的,特别是里面的敏感数据,若是被有心之人利用,那后果不堪设想。所以我们部门定下了一个规矩,谁离开工位要是不锁屏,就可以在部门群发送一个消息:我请......
  • why is the performance of javascript bitwise operations unstable All In One
    whyistheperformanceofjavascriptbitwiseoperationsunstableAllInOne为什么javascript位运算的性能不稳定?性能优化/性能测试demos~~doublenotbit......
  • 这些 JavaScript 笔试题你能答对几道?
    收藏javascript-questions这个仓库很久了,趁着周末来锻炼下自己的JS基础水平因为逐渐也在承担一些面试工作,顺便摘录一些个人觉得比较适合面试的题目和方向事件流(捕获......
  • JavaScript基础语法
    JavaScript基础语法一.字面量和变量​字面量,都是一些不可改变的值,如:1,2,3...,可直接使用​变量,可以用来保存字面量。​//声明变量vara;//变量赋值a=12......