概念onkeypress、onkeyup、onkeydown區別:
onkeypress 這個事件在使用者按下並放開任何字母數字鍵時發生。系統按鈕(例如,箭頭鍵和功能鍵)無法得到識別。
onkeyup 這個事件在使用者放開任何先前按下的鍵盤鍵時發生。
onkeydown 這個事件在使用者按下任何鍵盤鍵(包括系統按鈕,如箭頭鍵和功能鍵)時發生。
小demo:只在在輸入的時候可以用backspace,其他地方不可以用。
解決onkeydown在ie和ff中的相容問題 (這個我沒做過測試呢)
ie瀏覽器中:
var keycode = event.keycode;
firefox和opera瀏覽器中:
var keycode = e.which;
總結簡便寫法如下:
var currkey=0,e=e||event; currkey=e.keycode||e.which||e.charcode;//支援ie、ff
完整demo如下:
精確篩選
寫法
一、觸發submit事件,支援ie
//上一段中介紹的event所攜帶的值傳給了keys
function checkkey(keys)
}
說明:event是將這次按鍵的值傳遞給函式作判斷用的。也就是說event裡面承載著我們這次按鍵的資料。
寫法二、觸發click事件,支援ie
寫法三、按鍵翻頁效果,支援ie
應用的demo:
在test.jsp中引入test.js
js中onkeydown事件,相容IE和FF
概念 onkeypress onkeyup onkeydown區別 onkeypress 這個事件在使用者按下並放開任何字母數字鍵時發生。系統按鈕 例如,箭頭鍵和功能鍵 無法得到識別。onkeyup 這個事件在使用者放開任何先前按下的鍵盤鍵時發生。onkeydown 這個事件在使用者按下任何鍵盤鍵 ...
ChildNodes詳解及其相容性處理方式
寫在前面 在做insertbefore插入節點練習時發現乙個問題,插入childnodes 0 和childnodes 1 時插入的位置是一樣的!於是有了childnodes的了解,有了這篇文章,歡迎交流,歡迎拍磚。本文包括如下 1 dom 常用節點型別說明 2 childnodes.length詳...
Android Support相容包詳解
我們都知道android一些sdk比較 為此google官方提供了android support library package 系列的包來保證高版本sdk開發的向下相容性,所以你可能經常看到v4,v7,v13這些數字,首先我們就來理清楚這些數字的含義,以及它們之間的區別。用在api lever 4...