jQuery 键盘事件之keypress()事件


keypress 事件

定义和用法

    keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。

    不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。

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

注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。

语法

    $("").keypress()

下面我们来看一个实例:

<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
Enter your name: <input type="text" />
<p>Keypresses:<span>0</span></p>


<script type="text/javascript">
      i=0;
      $("input").keypress(function(){
        $("span").text(i+=1);
      });
</script>
</body>
</html>


继续学习
||
<html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> Enter your name: <input type="text" /> <p>Keypresses:<span>0</span></p> <script type="text/javascript"> i=0; $("input").keypress(function(){ $("span").text(i+=1); }); </script> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JQuery 基础入门教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

挺不错的 我是后端的 感觉很有帮助

7年前    添加回复 0

一辆想出轨的无轨电车

还真的有键盘事件啊,哈哈

8年前    添加回复 0

Alway.以为

看完了,课程有些地方讲的真的很详细,谢谢分享

8年前    添加回复 0

学习ing

keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。

8年前    添加回复 0

末日的春天

可不可以加个限制

8年前    添加回复 0

橱窗的光

事件好多,在什么时候用什么事件,这个多练习下了!

8年前    添加回复 0

怎么输入的内容与em的text不一样呀?

[最新 数据分析师 的回答] 怎么输入的内容与em的text不一样呀?-PHP中文网问答-怎么输入的内容与em的text不一样呀?-PHP中文网问答围观一下哦,学习一下。

时间:8年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~