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中均生效，所以推荐使用这种方式。