event.keyCode||event.which

最新推荐文章于 2018-09-16 08:48:00 发布

stairheaven

最新推荐文章于 2018-09-16 08:48:00 发布

阅读量649

点赞数

分类专栏： web前端文章标签： Qt jQuery 浏览器 ViewUI

本文链接：https://blog.csdn.net/stairheaven/article/details/83699460

版权

web前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

// enter 事件
$('#Qcons_1 [name=Qcon]',_root).keypress(function(event){
alert(event.keyCode+"--"+event.which);
var code = event.keyCode||event.which;
if(code==13)
$('#sal_qt_search',_root).click();
});

var code=event.keyCode;
if(event.keyCode==32){code='\' 空格\''}
if(event.keyCode==13){code='\' 回车\''}
if(event.keyCode==27){code='\' Esc\''}
if(event.keyCode==16){code='\' Shift\''}
if(event.keyCode==17){code='\' Ctrl\''}
if(event.keyCode==18){code='\' Alt\''}

firefox2.0中不支持 window.event.keyCode,
但是我们可以用event.which代替。但是为了使其能更具有普遍的兼容性，最好用event.keyCode|| event.which.
自己测试了下现在firefox3支持event.keyCode||event.which，自己用的IE7浏览器中event.which打印的值为undefined.
但在项目中使用jQuery后两者的值都可以显示出来。

event.which

Summary
Returns the numeric keyCode of the key pressed, or the character code (charCode) for an alphanumeric key pressed.

Syntax
var keyResult = event.which;

keyResult contains the numeric code for a particular key pressed, depending on whether an alphanumeric or non-alphanumeric key was pressed. Please see charCode and keyCode for more details.

<html>
<head>
<title>charCode/keyCode/which example</title>

<script type="text/javascript">

function showKeyPress(evt)
{
alert("onkeypress handler: \n"
      + "keyCode property: " + evt.keyCode + "\n"
      + "which property: " + evt.which + "\n"
      + "charCode property: " + evt.charCode + "\n"
      + "Character Key Pressed: "
      + String.fromCharCode(evt.charCode) + "\n"
     );
}


function keyDown(evt)
{
alert("onkeydown handler: \n"
      + "keyCode property: " + evt.keyCode + "\n"
      + "which property: " + evt.which + "\n"
     );
}


</script>
</head>

<body
 onkeypress="showKeyPress(event);"
 onkeydown="keyDown(event);"
>

<p>Please press any key.</p>

</body>
</html>