jQuery实现的监听回车按键代码实例

jQuery实现的监听回车按键代码实例:

回车键是最为常用的按键之一,所以点击回车来执行一段代码是比较常见的操作,下面就通过实例代码介绍一下如何实现此功能。

jQuery实现的监听回车按键代码实例

代码如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta content="https://www.linuxidc.com/" /> 
<title>Linux公社 </title> 
<script type="text/javascript" src="https://www.linuxidc.com/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
  $('input:text:first').focus();
  var $inp=$('input');
  $inp.keypress(function(e){
    var key=e.which;
    if(key==13){
      $(this).css("color","red");
    }
  })
})
</script>
</head> 
<body> 
<input type="text" value="Linux公社"/>
<input type="text" value="www.linuxidc.com"/>
<input type="text" value="www.linuxidc.net"/>
</body> 
</html>

以上代码中,点击回车能够将当前的文本框中的字体颜色设置为红色

演示地址

下载地址:

免费下载地址在

用户名与密码都是

具体下载目录在 /2016年资料/1月/30日/jQuery实现的监听回车按键代码实例/

下载方法见

------------------------------------------分割线------------------------------------------

jQuery权威指南 PDF版中文+配套源代码

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍请点这里
jQuery 的下载地址请点这里

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/63b1777508b0455817cfcbaeddc5245b.html