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

有个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),就可以取出按下的值了。

时间: 2024-10-13 09:35:58

JavaScript 监听textarea中按键事件_javascript技巧的相关文章

在JavaScript中监听IME键盘输入事件_javascript技巧

输入法应当如何触发键盘事件呢?是每一下击键都触发一次事件,还是选词完毕才触发事件呢?整句输入又该如何触发事件呢?不同的操作系统和不同的浏览器对此有不同的看法.在最糟糕的情况下,用户使用输入法后浏览器就只触发一次 keydown ,之后就没有任何的键盘事件了.这对于 Suggestion 控件的实现来说是个大问题,因为 Suggestion 控件需要监听文本输入框的变化,而事件是最准确也最节省计算资源的做法,如果换成轮询的话性能就可能受到影响. 首先,要监听启用输入法后的击键事件应当使用 keyd

JavaScript监听文本框回车事件并过滤文本框空格的方法_javascript技巧

本文实例讲述了JavaScript监听文本框回车事件并过滤文本框空格的方法.分享给大家供大家参考.具体如下: <script type="text/javascript" language="javascript"> var username = null; var password = null; //获取文本框 onload = function() { username = document.getElementById("txtUser

WINFORM中用DSOFramer打开word,如何监听Ctrl+P按键事件?求大神解答!

问题描述 WINFORM中用DSOFramer打开word,如何监听Ctrl+P按键事件?求大神解答!在WINFORM窗体中,我可以监听到CTRL+P,但是一把鼠标移到DSOFramer的控件中,点击一下,再按CTRL+P就会直接弹出打印的对话框来,而没有触发任何事件.请教大神,如何监听DSOFramer的控件中的CTRL+P事件.谢谢! 解决方案 解决方案二:顶起,请各位大神不吝赐教!解决方案三:顶起,这个DSOFramer控件有这些事件,请大家帮我看一下,哪一个事件可以监听键盘按键的事件,我

JavaScript绑定事件监听函数的通用方法_javascript技巧

事件绑定的3中常用方法:传统绑定.W3C绑定方法.IE绑定方法.但是,在实际开发中对于我们来讲重要的是需要一个通用的.跨浏览器的绑定方法.如果我们在互联网上搜索一下会发现许多方法,以下是比较知名的几种方法: 在开始学期下面几种方法之前,应当讨论一下,一个好的addEvent()方法应当达到哪些要求: a.支持同一元素的同一事件句柄可以绑定多个监听函数: b.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略: c.函数体内的this指向的应当是正在处理事件的节点(

分享JavaScript监听全部Ajax请求事件的方法_javascript技巧

若Ajax请求是由jQuery的$.ajax发起的,默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件,然而我遇到的却是用原生JavaScript发起的Ajax请求,所以这种方法行不通. 然后呢,还有其他方法,比如说 Pub/Sub,但是这个发起请求的 js 代码我是无法改动的,也就不存在向代码里添加 publish 的问题.同理,jQuery 的 .bind 和 .trigger 也无法使用. 最后,决定使用直接 override XMLH

JavaScript为事件句柄绑定监听函数实例详解_javascript技巧

本文实例讲述了JavaScript为事件句柄绑定监听函数的方法.分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug.各种浏览器对于事件绑定都提供了很多方法,但可靠的只有3中: 1.传统的绑定方法: elem.onclick = function( event ){ alert(event.type + 'this.innerHTML'); }; a.传统的绑定方法,非常简单稳定,函数体内的this指向的也是指向正在处

全面解析Bootstrap中scrollspy(滚动监听)的使用方法_javascript技巧

bootstrap源码分析之scrollspy(滚动侦听) 源码文件: Scrollspy.js 实现功能1.当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项 2.导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey 3.菜单上必须有.nav样式 4.滚动区域的data-target与导航父级Id(一定是父级)要一致 <div id="selector" class="na

理解javascript中DOM事件_javascript技巧

首先,此文不讨论繁琐细节,但是考虑到读者的心灵感受,本着以积极向上的心态,在此还是会列举示例说明. ​标题为理解DOM事件,那么在此拿一个简单的点击事件为例,希望大家看到这个例子后能触类旁通. 最初我们给页面实现点击,就像下面这样的简单操作. 先定义一个块如<div id="weiyuzhou">微宇宙</div>,之后在<script type="text/javascript"></script>内部实现id为we

一种监听DataList中Calendar事件的解决方法

calendar|解决 有时你想在DataList的编辑模板项中加入在DataList的模板中加入System.Web.UI.WebControls.Calendar,这样你可以通过Calendar来更改日期属性,只需一点,就行了,不需要用户填写固定格式的日期.可是在DataList中System.Web.UI.WebControls.Calendar控件,点击Calendar,是无法响应SelectDate事件的.它只是进行简单的提交,不会出发ItemCreated,ItemBound,sel