龙都娱乐»JavaScript»jquery中利用事件属性which轻松获取键盘和鼠标键值

jquery中利用事件属性which轻松获取键盘和鼠标键值

来源:Web龙都娱乐 发布时间:2011-12-26 阅读次数:
利用jquery event对象上面的which属性可用轻松获取键盘和鼠标键值。event.which 将 event.keyCode 和 event.charCode 标准化了

jquery利用event.which方法如何获取键盘输入值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> jQuery事件属性which使用例子 - WEB龙都娱乐 admin10000.com</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $("#txt").keydown(function(event){ $("#msg").html(event.which); }); }) </script> <body> <div id="msg"></div> <input id="txt" type="text" value=""/> </body> </html> 上例中event为JQuery事件对象,是必需的。规定要检查的事件。这个 event 参数来自事件绑定函数。 jQuery事件属性which可以获取键盘的键值,which属性在跨浏览器是依然是可靠的。推荐用 event.which 来监视键盘输入,而不是keyCode属性。 通过keypress事件的which属性可以获得可靠地、区分大小写的字符编码。但对于非字母符号在跨浏览器时是不可靠的。 通过keyup和keydown事件的which属性,只能获取不区分大小写的键编码(所以a和A都返回65),但可以通过检查shiftKey属性来确定大小写。对于非字母符号(例如:左箭头的编码是37)能可靠地运行。

jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> jQuery事件属性which使用例子 - WEB龙都娱乐 admin1000.com</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $(document).mousedown(function(event){ alert(event.which); }); }) </script> <body> </body> </html> 对于鼠标事件,事件属性which也可以获取鼠标的键值(1为左,2为中,3为右),which属性以一致的方式跨越多种浏览器。因此应该利用which而不是button属性。
 
相关文档:jquery 事件对象属性小结 jQuery 实现 Ctrl+Enter 快捷键发表评论
QQ群:WEB龙都娱乐官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈龙都娱乐中心(fsder-com)
网友评论(共0条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心
龙都娱乐