• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

JavaScript 程序员 3年前 (2018-06-21) 123次浏览 已收录 0个评论

利用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 快捷键发表评论

欢迎大家阅读《jquery中利用事件属性which轻松获取键盘和鼠标键值_js,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址