詳解onkeydown及其相容性問題

2021-08-20 16:19:45 字數 871 閱讀 1146

概念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...