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