HTML頁面中的按鍵事件
阿新 • • 發佈:2019-01-09
導航
不同的瀏覽器可能對按鍵事件有不同的處理方式,這裡介紹兩種實現的方式
一、通過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中均生效,所以推薦使用這種方式。