网站建设资讯

NEWS

网站建设资讯

jquery如何实现键盘事件触发

这篇文章主要讲解了“jquery如何实现键盘事件触发”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何实现键盘事件触发”吧!

创新互联公司专注于企业全网营销推广、网站重做改版、左权网站定制设计、自适应品牌网站建设、H5建站商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为左权等各大城市提供网站开发制作服务。

触发方法:1、使用keydown(),语法“$(selector).keydown()”,可触发键盘键按下时事件;2、使用keypress(),语法“元素对象.keypress()”;3、用keyup(),语法“元素对象.keyup()”。

jquery如何实现键盘事件触发

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery的键盘事件触发方法有三种:

  • keydown():添加/触发 keydown 事件

  • keypress():添加/触发 keypress 事件

  • keyup():添加/触发 keyup 事件

1、keydown()

当键盘键被按下时发生 keydown 事件。

keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。

触发语法:

$(selector).keydown()

2、keypress()

keypress() 方法触发 keypress 事件,或规定当发生 keypress 事件时运行的函数。

keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。

触发语法:

$(selector).keypress()

3、keyup()

当键盘键被松开时发生 keyup 事件。

keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。

触发语法:

$(selector).keyup()

示例1:




	
		
		
		
	
	

		
		

输入字段的触发keydown事件

输入字段的触发keyup事件

jquery如何实现键盘事件触发

示例2:




	
		
		
		
	
	

		

触发次数: 0

jquery如何实现键盘事件触发

感谢各位的阅读,以上就是“jquery如何实现键盘事件触发”的内容了,经过本文的学习后,相信大家对jquery如何实现键盘事件触发这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


标题名称:jquery如何实现键盘事件触发
分享地址:http://cdweb.net/article/jhjscp.html