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");
}
});
});