当前位置:首页 > 技术文档 > 正文内容

jquery回车提交表单事件代码

admin10年前 (2016-06-01)技术文档1656
jquery回车提交表单事件,增加了一个按钮,按钮事件如下: 
onClickButton:function(){ 
  //因为在编辑grid cell的时候,如果不按回车,或者焦点离开正在编辑的 
  //cell,jqgrid认为这一个cell 没有被修改过,所以在这里我想触发一个回车事件 
  //使焦点所在的cell变成已编辑状态,这样下面的cc中才能获取到完整的修改过的 
  //cell 
  
  //在此处增加自动触发回车,而非用户按回车键 
 
  var cc = jQuery("#info").getChangedCells();//获取所有修改过的cell 
  if(cc.length <=0){ 
    alert('没有修改的数据'); 
  return false;
  jQuery.ajax({});//这几做一个ajax提交数据,实现就不写了 
}

核心代码
$(function(){  
  document.onkeydown = function(e){    
    var ev = document.all ? window.event : e;  
    if(ev.keyCode==13) {// 如(ev.ctrlKey && ev.keyCode==13)为ctrl+Center 触发  
        //要处理的事件  
    }  
  }  
});     
某个控件
$('#id).keydown(function(e){  
  if(e.keyCode==13){  
   $('#FormId).submit();//处理事件  
  }  
});
下面缩合实例
<!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> 
<title>火狐和IE都支持的enter事件</title> 
<script src="jquery.1.3.2.js" type="text/网页特效" language="javascript"></script> 
<script type="text/javascript"> 
document.onkeydown = function (e) { 
var theEvent = window.event || e; 
var code = theEvent.keyCode || theEvent.which; 
if (code == 13) { 
$("#but1").click(); 
} 
} 
$(document).ready(function () { 
$("#but1").click(function () { 
alert("我是enter事件," + "text值:" + $("#text1").val()); 
}) 
$("#but2").click(function () { 
alert("我是Jquery事件" + "text值:" + $("#text1").val()); 
}) 
}); 
</script> 
</head> 
<body> 
<input type="text" id="text1" /> 
<input type="button" id="but1" value="确定(我是enter事件)"/> 
<input type="submit" id="but2" value="确定(我是Jquery事件)" /> 
</body> 
</html>另为提供一个原生态的js回车事件代码
 $(function(){
        $('#element')
          .bind('keyup',function(event) {
             // aa(event);
         if(event.keyCode==13){
     alert("nihoa");
   }
          });
         
      });


分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:http://yuyunhe.cn/index.php/post/153.html

分享给朋友:

“jquery回车提交表单事件代码” 的相关文章

网页背景全屏拉伸的css效果

background: url(“http://www.wyzu.cn/uploadfile/2013/0220/20130220112423140.jpg”) repeat fixed center top / cover #595959;...

图文解说Navicat使用ssh方式连接远程MySql服务器

图文解说Navicat使用ssh方式连接远程MySql服务器

如何使用Navicat 8.0 for MySQL连接公司服务器的数据库,但我也是第一次接触这个软件,搞了半天也没连上,在网上找了很多解决的办法,其中就有使用ssh方式连接的,但写的不够详细,因此还是费了一番功夫,自己搞定的,不敢独享,特记录下来 与大家分享。首先,在Navicat的连接设置里选择S...

php利用百度地图API进行IP定位和GPS定位

最 近在做一个手机端的webapp地图应用,而核心内容当然是定位了,但是定位的话有几种方式,IP定位,GPS定位,基站定位(这个貌似webapp用不 了), 那么剩下核心的gps定位和ip定位了,我们知道,html5有定位API,但是该API拿到的GPS数据是硬件坐标,无法直接显示在地图上。...

wamp虚拟主机配置

1、首先打开apache的配置文件httpd.conf,并去掉#Include conf/extra/httpd-vhosts.conf前面的#,启用虚拟主机功能2、先把localhost配置好,免得以后访问localhost出现问题,我的wamp项目根目录是D:\wamp\www。将下面信息添加到...

浅谈 PHP 与手机 APP 开发(API 接口开发)

文章转载自:http://www.thinkphp.cn/topic/5023.html这个帖子写给不太了解PHP与API开发的人一、先简单回答两个问题:1、PHP 可以开发客户端?答:不可以,因为PHP是脚本语言,是负责完成 B/S架构 或 C/S架构 的S部分,即:服务端的开发。(别去纠结 GT...

php取整函数ceil,floor,round,intval函数的区别

开发过程中,遇到数据处理取整的时候,你会用哪个呢,小涛来介绍一下:PHP取整函数有ceil,floor,round,intval,下面详细介绍一下:1、ceil — 进一法取整说明float ceil ( float $value )返回不小于 ...     ...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。