1. 程式人生 > >HTML頁面中的按鍵事件

HTML頁面中的按鍵事件

導航

不同的瀏覽器可能對按鍵事件有不同的處理方式,這裡介紹兩種實現的方式

一、通過event.keyCode來實現按鍵事件

  • html程式碼
<input type="text" onkeyup="showSomething()">
  • js程式碼
function showSomething(){
	console.
log("key code: " + event.keyCode); if(event.keyCode==13){ console.log("你按下了回車鍵"); } }

總結:這種方式在IE9及以上、chrome中可以正常執行,但是在firefox中會出現event未定義的異常。

二、通過event.which來實現按鍵事件

  • html程式碼
<input type="text" onkeyup="showSomething(event)">
  • js程式碼
function showSomething(event){
	console.
log("key code: " + event.which); if(event.which==13){ console.log("你按下了回車鍵"); } }

總結:這種方式在IE9及以上、chrome以及firefox中均生效,所以推薦使用這種方式。