JavaScript 30 Day -- 11 键盘输入的验证
来源:互联网 发布:js获取上下文路径 编辑:程序博客网 时间:2024/04/29 11:50
实现效果:
完整输入了“暗号”(一串事先定义好的字符串)时,触发一个事件
关键点:
指定可激发特效的字符串监听并获取输入的字符处理输入,在符合条件时,触发事件
html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Key Detection</title> <!-- <script type="text/javascript" src="http://www.cornify.com/js/cornify.js"></script> --></head><body><script>var pressed = [];var secretCode = 'QG';window.addEventListener('keyup',e =>{ // console.log(e.key); pressed.push(e.key); // console.log(pressed); pressed.splice(- secretCode.length - 1,pressed.length - secretCode.length); console.log(pressed); if(pressed.join('').includes(secretCode)){ console.log('8023'); }})</script></body></html>
阅读全文
0 0
- JavaScript 30 Day -- 11 键盘输入的验证
- JavaScript 30 Day -- 12 图片的滑入滑出
- JavaScript 30 Day -- 02 时钟
- JavaScript 30 Day -- 06 Array
- JavaScript 30 Day -- 04 可伸缩的图片墙
- JavaScript 30 Day -- 09 Shift 的多选功能
- JavaScript 30 Day -- 01 JavaScript Drum Kit
- 使用Javascript 模拟键盘输入
- DB-DAY 5 JavaScript的disabled属性
- JavaScript 30 Day -- 03 CSS Variables
- JavaScript 30 Day -- 05 快速匹配
- JavaScript 30 Day -- 07 彩虹画笔
- 页面验证金额或者键盘输入
- Javascript的时间验证
- javascript的Form验证
- javascript 的一些验证
- JavaScript的Forms验证
- JavaScript的表单验证
- win 7 IE11下载后无法找到,降级
- 移动web开发问题和优化小结
- c++的部分小点
- SSM—jsTree
- Android存储Log日志到SD卡
- JavaScript 30 Day -- 11 键盘输入的验证
- getElementById,getElementsByClassName,getElementsByTagName,的区别
- 进程间通信的几种姿势
- wait()、notify()、notifyAll()与线程通信方式总结
- android黑科技系列——解析公众号文章消息和链接文章消息自动打开原理
- IntelliJ IDEA 中如何配置多个jdk版本即(1.7和1.8两个jdk都可用)
- 调用地图api接口
- Flask 页面无刷新评论
- Android 获取设备唯一识别码