- A+
所属分类:脚本语言
利用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属性。
QQ群: WEB开发者官方总群(196171896) 验证消息:Admin10000