JavaScript 監(jiān)聽textarea中按鍵事件
更新時間:2009年10月08日 14:48:06 作者:
不同的瀏覽器中的事件監(jiān)聽機制是不同的,以onKeyPress事件為例。
有個textarea,
Java代碼
<textarea id="text"></textarea>
經(jīng)常會定義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>
經(jīng)常會定義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 組合按鍵事件監(jiān)聽實現(xiàn)代碼
- js捕捉鍵盤事件和按鍵鍵值的方法
- js鼠標按鍵事件和鍵盤按鍵事件用法實例匯總
- Atitit.js的鍵盤按鍵事件捆綁and事件調(diào)度
- JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
- JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
- js 事件截取enter按鍵頁面提交事件示例代碼
- javascript 按鍵事件(兼容各瀏覽器)
- js獲取鍵盤按鍵響應(yīng)事件(兼容各瀏覽器)
- JavaScript中常見的事件用法小結(jié)
相關(guān)文章
webpack?output.library的16?種取值方法示例
這篇文章主要為大家介紹了webpack?output.library的16?種取值方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-11-11
多個表單中如何獲得這個文件上傳的網(wǎng)址實現(xiàn)js代碼
假設(shè)一個網(wǎng)頁里有多個表單,其中一個表單里有文件上傳,問題是如何獲得這個文件上傳的網(wǎng)址呢,接下來為大家介紹下實現(xiàn)的js代碼,感興趣的朋友可以參考下哈,希望可以幫助到你2013-03-03
JS+HTML5手機開發(fā)之滾動和慣性緩動實現(xiàn)方法分析
這篇文章主要介紹了JS+HTML5手機開發(fā)之滾動和慣性緩動實現(xiàn)方法,涉及javascript結(jié)合HTML5特性控制頁面元素的運動技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
JavaScript動畫實例之粒子文本的實現(xiàn)方法詳解
這篇文章主要介紹了JavaScript動畫實例之粒子文本的實現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
一個簡單但常用的javascript表格樣式_鼠標劃過行變色 簡潔實現(xiàn)
經(jīng)常性的會需要使用表格顯示一些東西,當表格比較大的時候一眼望去腦袋可能會有些暈,經(jīng)常性的因為沒看準行而出現(xiàn)誤操作,一般解決辦法是交替行變行或者鼠標劃過行變色2008-09-09
js對象轉(zhuǎn)json數(shù)組的簡單實現(xiàn)案例
本篇文章主要是對js對象轉(zhuǎn)json數(shù)組的簡單實現(xiàn)案例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
es6 javascript對象Object.values() , Object.entr
這篇文章主要介紹了es6 javascript對象Object.values() , Object.entries()的示例代碼,本文結(jié)合示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12

