js之键盘记录

正文

javascript可以在处于当前浏览器窗口监控用户按下的所有键盘,包括账号密码。

首先我们来了解下onkeypress事件

onkeypress事件能够获取我们的击键情况

当我们按键时触发事件

我们再来了解下keyCode属性

event.keyCode

当我们按下数字1时,可以获取用户其按键的unicode

显示unicode可能不太友好,那我们继续来了解下

String.fromCharCode

String.fromCharCode可以把unicode转换为字符

此时我们按键2,2被显示了出来

当然,这样就跟alert(1)意义一样,我们需要把用户输入的结果传过来,最后我们了解下

new Image().src

最后demo效果就这样

原文发布于微信公众号 - 中国白客联盟(China_Baiker)

原文发表时间:2018-06-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端说吧

js - 预加载+监听图片资源加载制作进度条

这两天遇到一个新需求:一个一镜到底的h5动画。因为功能的特殊性,就要求我们提前监听页面的静态图片是否全部加载完毕。即处理预加载。

8241
来自专栏五毛程序员

ActionBar开启Overlay Mode(覆盖模式)

3675
来自专栏娱乐心理测试

三种方式解决vue中v-html元素中标签样式

三.通过 >>> 可以使得在使用scoped属性的情况下,穿透scoped,修改其他组件的值

4652
来自专栏GreenLeaves

Vue.js系列之一初识Vue

在看vue.js之前,可以先看这两篇文章,对于为什么要使用vue会有一定帮助 1、 Vue.js !important 2、界面之下:还原真实的MV*模式 !i...

2295
来自专栏Ryan Miao

照着官方文档学习react

准备 先要准备环境。搭建一个基于webpack的react环境:Hello ReactJS. 一些要点 我在想是否应该完整的记录照抄的过程呢。毕竟已经开始一段,...

3687
来自专栏QQ音乐前端团队专栏

Web Components 初探

任何 UI 框架或库最期望目标之一是帮助我们建立通用的模式或约定。

1K4
来自专栏大前端_Web

Vue与React的异同—生命周期(一)

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

4395
来自专栏我的博客

安卓开发之应用资源

一、安卓应用源代码分类:界面布局文件、Java源文件、资源文件 二、应用资源文件分类 一类是无法直接访问的资源,保存在assets目录下;另外一类是可以用R资源...

3588
来自专栏积累沉淀

JavaScript BOM浏览器对象模型

BOM  1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。BOM缺少...

2406
来自专栏编程微刊

border-radius属性失效问题的解决办法

今天调试项目的时候突然发现,设置的border-radius竟然失效了,打开f12,眼看着浏览器把这个属性也给划掉了,不是一般的郁闷,按照道理来说,不应该会出现...

3223

扫码关注云+社区

领取腾讯云代金券