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

  • 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属性。
 

相关文档:jquery 事件对象属性小结 jQuery 实现 Ctrl+Enter 快捷键发表评论

QQ群: WEB开发者官方总群(196171896) 验证消息:Admin10000
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin