JavaScript 監(jiān)聽textarea中按鍵事件
更新時(shí)間:2009年10月08日 14:48:06 作者:
不同的瀏覽器中的事件監(jiān)聽機(jī)制是不同的,以onKeyPress事件為例。
有個(gè)textarea,
Java代碼
<textarea id="text"></textarea>
經(jīng)常會(huì)定義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代碼
復(fù)制代碼 代碼如下:
<textarea id="text"></textarea>
經(jīng)常會(huì)定義onKeyPress="keypress();",并定義以下方法。
復(fù)制代碼 代碼如下:
var keypress = function(e){
var e = e || window.event;
var k = e.keyCode;
}
這里我使用的辦法是JQuery。
復(fù)制代碼 代碼如下:
$("#text").bind("keyPress",function(event){
var k = event.which;
});
這里使用的which就不論在IE下還是FF中,是單一按鍵還是組合鍵了,其值都是是107
然后使用String.fromCharCode(k),就可以取出按下的值了。
您可能感興趣的文章:
- js中的鼠標(biāo)事件有哪些(用法示例學(xué)習(xí)進(jìn)階)
- js常用的鍵盤事件有哪些(用法示例)_鍵碼keyCode對(duì)照表
- JavaScript?鍵盤事件的處理及屬性詳解
- javascript 組合按鍵事件監(jiān)聽實(shí)現(xiàn)代碼
- js捕捉鍵盤事件和按鍵鍵值的方法
- js鼠標(biāo)按鍵事件和鍵盤按鍵事件用法實(shí)例匯總
- Atitit.js的鍵盤按鍵事件捆綁and事件調(diào)度
- JavaScript onkeypress事件入門實(shí)例(按下或按住一個(gè)鍵盤按鍵)
- JavaScript onkeydown事件入門實(shí)例(鍵盤某個(gè)按鍵被按下)
- js 事件截取enter按鍵頁面提交事件示例代碼
- javascript 按鍵事件(兼容各瀏覽器)
- js獲取鍵盤按鍵響應(yīng)事件(兼容各瀏覽器)
- JavaScript中常見的事件用法小結(jié)
相關(guān)文章
js獲取select默認(rèn)選中的Option并不是當(dāng)前選中值
這篇文章主要介紹了js如何獲取select默認(rèn)選中的Option并不是當(dāng)前選中的值,需要的朋友可以參考下2014-05-05
JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
js中int和string數(shù)據(jù)類型互相轉(zhuǎn)化實(shí)例
在本篇文章里小編給大家分享了關(guān)于js中int和string數(shù)據(jù)類型互相轉(zhuǎn)化實(shí)例和代碼,需要的朋友們學(xué)習(xí)下。2019-01-01
利用javascript移動(dòng)div層-javascript 拖動(dòng)層
利用javascript開發(fā)在界面上隨意拖動(dòng)以下html code中的div層2009-03-03
JavaScript版DateAdd和DateDiff函數(shù)代碼
VBScript中有兩個(gè)非常好用的日期操作函數(shù):DateAdd用來給日期添加指定時(shí)間間隔,DateDiff用來返回兩個(gè)日期的時(shí)間間隔??上У氖荍avaScript沒有,不過我們可以寫一個(gè)函數(shù)來實(shí)現(xiàn),一樣的,呵呵2012-03-03
解決option標(biāo)簽selected="selected"屬性失效的問題
下面小編就為大家?guī)硪黄鉀Qoption標(biāo)簽selected="selected"屬性失效的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,希望對(duì)大家有所幫助2017-11-11

