js中onkeydown事件,相容IE和FF

2021-09-01 15:20:15 字數 846 閱讀 4508

概念

onkeypress、onkeyup、onkeydown區別:

onkeypress 這個事件在使用者按下並放開任何字母數字鍵時發生。系統按鈕(例如,箭頭鍵和功能鍵)無法得到識別。

onkeyup 這個事件在使用者放開任何先前按下的鍵盤鍵時發生。

onkeydown 這個事件在使用者按下任何鍵盤鍵(包括系統按鈕,如箭頭鍵和功能鍵)時發生。

解決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

function checkkey(keys) //上一段中介紹的event所攜帶的值傳給了keys //如果判斷的結果確實是兩個鍵準確無誤的按下了,那麼就提交資料 }

說明:event是將這次按鍵的值傳遞給函式作判斷用的。也就是說event裡面承載著我們這次按鍵的資料。

寫法

二、觸發click事件,支援ie

寫法

三、按鍵翻頁效果,支援ie

//

js中createElement方法的相容性

w3c dom level2 core規定,document 介面下的 createelement 方法可以建立乙個元素節點物件例項。它可以傳入乙個字串引數 tagname,在 html 中,這個引數可以是任何形式,但tagname 應為乙個合法的標籤名。例如 document.createelem...

消除onkeydown事件按回車後出現的聲音

web開發時,我們常常會在文字框的onkeydown事件中做一些處理,如按了回車後執行查詢或者跳到下乙個輸入框,請看下面 在該表單文字框中按下回車,會聽到 咚 的一聲,鍵盤事件觸發楊聲器發出的聲音,這樣如果使用者使用時使用者體驗不是很好,那麼該問題如果解決呢,很簡單,在做表單submit之前,加上e...

js中的事件機制及事件

1.事件 js和html之間的互動是通過事件來實現的。事件描述的是文件或瀏覽器特定的互動瞬間。2.事件流 描述的是從頁面中接收事件的順序。包括 ie事件冒泡流和netscape事件捕獲流。事件冒泡流是指從最具體節點出發依次往上走到較不具體的節點。事件捕獲流是指從較不太確定的節點出發到最具體的節點。d...