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按鍵頁(yè)面提交事件示例代碼
- javascript 按鍵事件(兼容各瀏覽器)
- js獲取鍵盤按鍵響應(yīng)事件(兼容各瀏覽器)
- JavaScript中常見的事件用法小結(jié)
相關(guān)文章
webpack?output.library的16?種取值方法示例
這篇文章主要為大家介紹了webpack?output.library的16?種取值方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
多個(gè)表單中如何獲得這個(gè)文件上傳的網(wǎng)址實(shí)現(xiàn)js代碼
假設(shè)一個(gè)網(wǎng)頁(yè)里有多個(gè)表單，其中一個(gè)表單里有文件上傳，問題是如何獲得這個(gè)文件上傳的網(wǎng)址呢，接下來為大家介紹下實(shí)現(xiàn)的js代碼，感興趣的朋友可以參考下哈，希望可以幫助到你2013-03-03
JS+HTML5手機(jī)開發(fā)之滾動(dòng)和慣性緩動(dòng)實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS+HTML5手機(jī)開發(fā)之滾動(dòng)和慣性緩動(dòng)實(shí)現(xiàn)方法,涉及javascript結(jié)合HTML5特性控制頁(yè)面元素的運(yùn)動(dòng)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
JavaScript動(dòng)畫實(shí)例之粒子文本的實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript動(dòng)畫實(shí)例之粒子文本的實(shí)現(xiàn)方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
showModelessDialog()使用詳解...2006-09-09
一個(gè)簡(jiǎn)單但常用的javascript表格樣式_鼠標(biāo)劃過行變色 簡(jiǎn)潔實(shí)現(xiàn)
經(jīng)常性的會(huì)需要使用表格顯示一些東西，當(dāng)表格比較大的時(shí)候一眼望去腦袋可能會(huì)有些暈，經(jīng)常性的因?yàn)闆]看準(zhǔn)行而出現(xiàn)誤操作，一般解決辦法是交替行變行或者鼠標(biāo)劃過行變色2008-09-09
這篇文章主要為大家詳細(xì)介紹了JS組件Bootstrap Table使用方法，具有一定的實(shí)用性和參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
js對(duì)象轉(zhuǎn)json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)案例
本篇文章主要是對(duì)js對(duì)象轉(zhuǎn)json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)案例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
JavaScript 放大鏡是我成為前端后寫的第一個(gè)組件, 從中學(xué)到了很多東西. 現(xiàn)在已經(jīng)過去超過半年, 我希望能在自己仍有印象的時(shí)候, 整理和重新思考其中的一些處理方法, 將它改進(jìn), 并將這些想法寫出來2011-05-05
es6 javascript對(duì)象Object.values() , Object.entr
這篇文章主要介紹了es6 javascript對(duì)象Object.values() , Object.entries()的示例代碼，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12