微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript 监听textarea中按键事件_javascript技巧

php中文网
发布： 2016-05-16 18:45:02
原创
1730人浏览过

有个textarea，
Java代码

GAIPPT
GAIPPT

AI PPT制作和美化神器

GAIPPT 1129
查看详情 GAIPPT
复制代码 代码如下:



经常会定义onKeyPress="keypress();",并定义以下方法。
复制代码 代码如下:

var keypress = function(e){
var e = e || window.event;
var k = e.keyCode;
}

这里我使用的办法是JQuery。
复制代码 代码如下:

$("#text").bind("keyPress",function(event){
var k = event.which;
});

这里使用的which就不论在IE下还是FF中，是单一按键还是组合键了，其值都是是107
然后使用String.fromCharCode(k)，就可以取出按下的值了。

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：Javascript isArray 数组类型检测函数_javascript技巧 下一篇：jQuery live( type, fn ) 委派事件实现_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript_服务端渲染与同构应用开发 服务端渲染通过服务器生成HTML提升首屏速度与SEO，同构应用实现前后端代码复用；React中使用ReactDOMServer将组件转为HTML，结合Next.js等框架处理路由与数据预取，需注意浏览器API缺失、数据预加载及样式提取等问题，客户端通过hydration接管交互，形成完整解决方案。
2025-11-19 20:34:56
405
JavaScript性能监控_用户体验指标采集方案 答案：监控JavaScript应用需采集FCP、LCP、FID、CLS、TTFB等核心指标，利用PerformanceObserver和事件监听实现低开销数据采集，结合sendBeacon上报与采样策略，聚合分析页面性能及异常，建立可持续优化的反馈闭环。
2025-11-19 20:34:02
511
数据持久化JavaScript_LocalStorage优化 合理优化LocalStorage可提升性能与稳定性：合并写入、防抖保存、聚合数据结构、增加异常处理与容量管理，并注意跨标签页同步问题。
2025-11-19 20:33:05
118
JavaScript表单验证_自定义验证规则设计 自定义验证机制通过结构化规则、封装验证器和事件集成提升表单校验灵活性。1.定义包含validator和message的规则对象数组；2.封装validate函数遍历规则并收集错误；3.在blur和submit事件中调用验证；4.使用工厂函数如minLength生成动态规则。该设计分离规则与逻辑，易于扩展复用，增强用户体验与代码维护性。
2025-11-19 20:33:05
749
js判断日期是否大于当前日期 答案是使用JavaScript的Date对象比较时间戳。首先将目标日期和当前日期转为Date实例，通过比较二者大小判断是否为未来日期，推荐统一为YYYY-MM-DD格式以避免时区问题，并可清除时分秒仅比较日期部分，确保判断准确。
2025-11-19 20:28:02
817
迭代器协议：Generator函数与Symbol.iterator 答案是Symbol.iterator方法使对象可迭代，通过实现该方法并返回具有next()的迭代器对象，可让自定义结构支持for...of和扩展运算符，如数组、字符串等内置类型均遵循此协议。
2025-11-19 20:25:02
105
JavaScript_函数式响应式编程范式 函数式响应式编程是一种处理随时间变化数据流的编程范式，核心是将事件视为可观察的数据流，通过纯函数进行转换与组合，强调不可变性和响应性；在JavaScript中常用RxJS等库实现，适用于搜索建议、实时通信等动态场景，能简化异步逻辑、提升可维护性与组合能力，尽管学习曲线较陡，但对复杂交互系统提供了一种优雅高效的解决方案。
2025-11-19 20:23:02
928
JavaScript与SpringCaching缓存注解结合的方法 SpringCache与JavaScript通过前后端分离架构协同工作，后端使用@Cacheable等注解实现服务层缓存，前端通过调用RESTAPI间接利用缓存提升性能；前端可结合本地内存缓存减少请求频率，后端负责数据一致性维护，两者分层协作优化系统整体效率。
2025-11-19 20:21:05
410
JavaScript生成器_协程与异步迭代实现 生成器通过function定义，可暂停和恢复执行，yield实现中断与返回；异步生成器结合asyncfunction和forawait...of，支持异步数据流处理；在Redux-Saga中用于管理副作用，实现同步语法写异步逻辑；自定义异步迭代器适用于事件流等场景。
2025-11-19 20:20:34
283
JS浏览器存储_LocalStorage进阶用法 封装存储管理器可统一处理序列化与异常；2.通过附加时间戳实现过期机制；3.监听storage事件同步多标签页数据；4.避免存储大量数据以提升性能。
2025-11-19 20:19:02
559
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部