<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>检测输入状态</title> </head> <body> <p style="display:none">正在输入</p> <input type="text"> </body> <script> var timer=null; function $(el){ return document.querySelector(el) } $("input").onkeyup=function(e){ if(e.keyCode==8){ $("p").style.display="none"; } else{ clearInterval(timer); $("p").style.display="block"; setInterval(hide,5000); } } function hide(){ $("p").style.display="none"; } </script> </html>
js小效果之聊天界面检测输入状态
2022-04-29
79
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js小效果之聊天界面检测输入状态
相关文章
|
2月前
|
1月前
|
JavaScript
算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查，通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
32
1
1
|
1月前
|
JavaScript
前端开发
|
5月前
|
JavaScript
|
11天前
|
JavaScript
前端开发
|
2月前
|
JavaScript
|
3月前
|
JavaScript
前端开发
开发者
|
4月前
|
Web App开发
前端开发
JavaScript
|
4月前
|
JavaScript
前端开发
数据处理
|
4月前
|
JavaScript
前端开发
热门文章
最新文章
1
JavaScript 权威指南第七版（GPT 重译）（六）(4)
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript 权威指南第七版（GPT 重译）（二）(1)
4
JavaScript 权威指南第七版（GPT 重译）（四）(4)
5
JavaScript 权威指南第七版（GPT 重译）（七）(1)
6
JavaScript 权威指南第七版（GPT 重译）（六）(3)
7
JavaScript 权威指南第七版（GPT 重译）（三）(2)
8
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
9
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
10
前端最常见的JS面试题大全
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
139
2
Java Script 中的垃圾回收机制有哪些缺点
17
3
描述 JavaScript 中的垃圾回收机制。
21
4
如何使用 JavaScript 操作 DOM？
19
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
22
6
JavaScript 中的数组方法有哪些？
11
7
JS设置日期为0时0分0秒
34
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
27
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
22
10
深入理解JavaScript中的闭包与作用域链
10