JavaScript 监听textarea中按键事件
更新时间：2009年10月08日 14:48:06 作者：
不同的浏览器中的事件监听机制是不同的，以onKeyPress事件为例。
有个textarea，
Java代码
<textarea id="text"></textarea>
经常会定义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代码
复制代码 代码如下:
<textarea id="text"></textarea>
经常会定义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)，就可以取出按下的值了。
您可能感兴趣的文章:
- js中的鼠标事件有哪些（用法示例学习进阶）
- js常用的键盘事件有哪些(用法示例)_键码keyCode对照表
- JavaScript 键盘事件的处理及属性详解
- javascript 组合按键事件监听实现代码
- js捕捉键盘事件和按键键值的方法
- js鼠标按键事件和键盘按键事件用法实例汇总
- Atitit.js的键盘按键事件捆绑and事件调度
- JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- js 事件截取enter按键页面提交事件示例代码
- javascript 按键事件(兼容各浏览器)
- js获取键盘按键响应事件(兼容各浏览器)
- JavaScript中常见的事件用法小结
相关文章
JavaScript,Table,排序,order,attribute,property,sort,Compare2009-05-05
js模拟滚动条(横向竖向)，需要的朋友可以参考一下2013-02-02
这篇文章主要介绍了js如何获取select默认选中的Option并不是当前选中的值,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了基于微前端qiankun的多页签缓存方案实践,本文对qiankun框架的使用没有做太多的发散总结，官网和Github上已经有很多相关问题的总结和踩坑经验可供参考，需要的朋友可以参考下2022-08-08
这篇文章主要为大家详细介绍了JavaScript实现随机码的生成与校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
在本篇文章里小编给大家分享了关于js中int和string数据类型互相转化实例和代码，需要的朋友们学习下。2019-01-01
利用javascript移动div层-javascript 拖动层
利用javascript开发在界面上随意拖动以下html code中的div层2009-03-03
JavaScript版DateAdd和DateDiff函数代码
VBScript中有两个非常好用的日期操作函数：DateAdd用来给日期添加指定时间间隔，DateDiff用来返回两个日期的时间间隔。可惜的是JavaScript没有，不过我们可以写一个函数来实现，一样的，呵呵2012-03-03
解决option标签selected="selected"属性失效的问题
下面小编就为大家带来一篇解决option标签selected="selected"属性失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
本文主要介绍了js获取浏览器和屏幕的各种宽度高度的方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论