js監聽回車事件

2022-08-25 17:09:23 字數 690 閱讀 7352

標題通俗的說,也就是繫結當使用者按下回車鍵要執行的事件。

下面,入正題。

第一步,先編寫簡單的頁面**,這裡我們只需要乙個按鈕就足夠了。當然,還有按鈕事件。

第二步,於

b_onclick()函式加入如下js**:

function document.onkeydown()            

} 然後於ie中執行,你會發現,即使焦點不在按鈕上,當你按下回車,依然執行了按鈕的函式。稍微解釋一下**:     event.keycode == 13是判斷按下的是那乙個間,13代表的是回車鍵。     button.click();執行按鈕事件。     event.returnvalue = false;這個是為了防止瀏覽器捕捉到使用者按下回車鍵而進行其他操作。例如假如輸入框中,沒有這行**的話,在執行完按鈕事件後,其還會執行換行的動作。第三步,很多人都認為做完上面的工作已經完成了整個作業。其實不是的。你嘗試使用firefox瀏覽,就會發現,**並不會執行。顯然,這是因為firefox不支援event事件物件。為了做到跨瀏覽器,不得不將**進行優化。我們可以這個做:

首先,為boby新增乙個onkeydown監控函式,如。其次修改原來的繫結函式為:

function bindenter(obj)

} 為什麼要將事件物件作為引數傳遞呢?這是為了避免進行瀏覽器判別,節省**。 ok,到這裡已經基本完成了。完整**如下:

js監控回車事件

標題通俗的說,也就是繫結當使用者按下回車鍵要執行的事件。下面,入正題。第一步,先編寫簡單的頁面 這裡我們只需要乙個按鈕就足夠了。當然,還有按鈕事件。第二步,於 b onclick 函式加入如下js function document.onkeydown 然 後於ie中執行,你會發現,即使焦點不在按鈕...

迴圈監聽輸入框回車事件

1.第一種簡單寫法 function getkey function getkey2 function getkey3 function getkey4 使用者名稱 input type text name username id username onkeypress getkey input b...

js事件繫結 監聽

事件繫結的三種方法 法一 直接在元素上繫結 法二 在js中繫結 document.getelementbyid id nclick function 法三 使用事件監聽繫結事件 事件監聽的優點 可以繫結多個事件。可以解除事件繫結 關於事件監聽,w3c規範中定義了3個事件階段,依次是捕獲階段 目標階段...