当前位置: 首页 > 中文手册 > jQuery Event.which 属性详解

jQuery Event.which 属性详解

which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮

对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。

which属性对DOM原生的event.keyCodeevent.charCode进行了标准化。

适用的事件类型主要有键盘事件:keypress、keydown、keyup,以及鼠标事件:mouseup、mousedown。

该属性属于jQuery的Event对象(实例)。

语法

jQuery 1.1.3 新增该属性。

eventObject.which

返回值

which属性的返回值是Number类型,返回触发当前事件时按下的键盘按键或鼠标按钮。

mousedownmouseup事件中,event.which属性返回的是对应鼠标按钮的映射代码值(相当于event.button)。以下是主要的鼠标按钮映射代码对应表。

event.which属性值对应的鼠标按钮
1鼠标左键
2鼠标中键(滚轮键)
3鼠标右键

keypress事件中,event.which属性返回的是输入的字符的Unicode值(相当于event.charCode)。以下是常用的字符Unicode代码对应表。更多字符的Unicode代码,请参见完整的ASCII编码表(Unicode兼容ASCII)。

which属性值(或范围)对应的输入字符
48 - 57对应字符 0 - 9
65 - 90对应字符 A - Z
97 - 122对应字符 a - z

keydownkeyup事件中,event.which属性返回的是对应按键的映射代码值(相当于event.keyCode)。以下是常用的键盘按键映射代码的对应表:

which属性值(或范围)对应的键盘按键
8Backspace键
9Tab键
13Enter键
16Shift键
17Ctrl键
20Alt键
20Caps Lock键(大小写锁定)
27Esc键
33 - 36对应按键 PageUp、PageDown、End、Home
37 - 40对应按键 左、上、右、下(方向键)
45 - 46对应按键 Insert、Delete
48 - 57对应按键 0 - 9(非小键盘)
65 - 90对应按键 A - Z
91Windows键
96 - 105对应按键 0 - 9(小键盘)
106、107、109、110、111对应按键*+-./(小键盘)
112 - 123对应按键 F1 - F12

示例&说明

请参考下面这段HTML代码:

<div id="msg"></div>

event.which属性相关的jQuery示例代码如下(其中表单验证部分的代码仅作简单的非空验证):

// 为当前文档绑定keydown和mousedown两种事件
// 检测鼠标按下了那些键
// 检测键盘按下了那些字母按键
$(document).bind("keydown mousedown", function(event){
	var msg = '';
	if( event.type == "mousedown" ){ // 鼠标按下事件
		var map = {"1": "左", "2":"中", "3":"右"};
		msg = '你按下了鼠标[' + map[event.which] + ']键';
	}else{ // 键盘按下事件
		if(event.which >= 65 && event.which <= 90){
			msg = '你按下了键盘[' + String.fromCharCode(event.which) + ']键';
		}
	}
	if(msg){
		$("#msg").prepend( msg + '<br>');
	}
});

运行代码

58 0
我们认为: 用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信:只有给用户带来价值,用户才会给我们以回报。
CodePlayer技术交流群1CodePlayer技术交流群1

帮朋友打一个硬广告:

P2P网贷系统(Java版本) 新年低价大促销,多年P2P技术积累,系统功能完善(可按需定制,可支持第三方存管、银行存管),架构稳定灵活、性能优异、二次开发快速简单。 另可提供二次开发、安装部署、售后维护、安全培训等一条龙服务。

外行看热闹,内行看门道。可以自信地认为,在系统设计上,比市面上的晓风、迪蒙、方维、绿麻雀、国融信、金和盛等P2P系统要好。
深圳地区支持自带技术人员现场考察源代码、了解主要技术架构,货比三家,再决定是否购买。

也可推荐他人购买,一旦完全成交,推荐人可获得实际售价 10% 的返现。
有意向者,详情请 点击这里 联系,工作时间立即回复。