jquery模拟按下回车实现代码


Posted in Javascript onSeptember 20, 2011

简单地记下jquery实现回车事件,代码如下:
全局:

$(function(){ 
document.onkeydown = function(e){ 
var ev = document.all ? window.event : e; 
if(ev.keyCode==13) { 
$('#FormId).submit();//处理事件 
} 
} 
});

某个控件:
$('#id').keydown(function(e){ 
if(e.keyCode==13){ 
$('#FormId).submit(); //处理事件 
} 
}); 
if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了

如果想模拟Tab键,只要写成  if (window.event.keyCode==13) window.event.keyCode=9 就行了,它会跳到另一个元素上。

众所周知easyui 的Pagination中要想跳转到某一页,只需要输入页码按ENTER就能达到效果。前段时间的项目 客户提出要求说想要输入页码 按一个GO的按钮做跳转。好吧,客户是上帝,他们怎么说我们这些程序猿只能尽自己所能来达到效果。如图:

                                jquery模拟按下回车实现代码

即:按下GO做  输入3按回车一样的事情

而这个问题可以简化为 点击一个a标签 模拟Pagination页码输入框按下回车 但是这个事件是写在jquery.easyui.min.js中,我们没有办法直接调用;通过chrome查询到页码输入框是

<input class="pagination-num" type="text" value="1" size="2">

而后查看了JQUERY API 的 Event Object发现 jquery有个trigger方法能够触发模拟的按键事件。直接上代码
<script language="javascript" type="text/javascript"> 
$(document).ready(function () { 
$("#test").datagrid({ 
url: "/Test/Test1Data", 
type: "post", 
datatype: "json", 
width: 465, 
height: 280, 
loadMsg: "数据加载中,请稍后...", 
fitCloumns: true, 
nowrap: true, 
rownumbers: false, 
pagination: true, 
singleSelect: true, 
showFooter: true, 
columns: [[ 
{ field: 'testName', title: '测试名', width:230, editor: 'text'}, 
{field:'testValue',title:'测试值',width:230,align: 'center' } 
]] 
}); 
$("#test").datagrid('getPager').pagination({ 
showPageList: false, 
showRefresh: false, 
beforePageText: "第", 
afterPageText: "页 <a href='javascript:void(0)' onclick='GoEnterPage()'><img src='/upload/201109/20110920220555970.gif'></a>,共{pages}页", 
displayMsg: '当前{from}到{to}条,总共{total}条' 
}); 
}); //上面代码参数可以参看easyui的文档 
function GoEnterPage() { 
var e = jQuery.Event("keydown");//模拟一个键盘事件 
e.keyCode = 13;//keyCode=13是回车 
$("input.pagination-num").trigger(e);//模拟页码框按下回车 
} 
</script>

easyui官网:http://www.jeasyui.com/index.php
jquery:http://jquery.com/
这里有个jquery的中文手册,说明很全:http://jquery.org.cn/manual/
Javascript 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
JavaScript?Apple设备检测示例代码
Nov 15 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
详解使用WebPack搭建React开发环境
Aug 06 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 #Javascript
50个比较实用jQuery代码段
Sep 18 #Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 #Javascript
Jquery 表格合并的问题分享
Sep 17 #Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 #Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 #Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 #Javascript
You might like
mysql 字段类型说明
2007/04/27 PHP
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
JavaScript加强之自定义event事件
2013/09/21 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
[01:32]2016国际邀请赛中国区预选赛IG战队首日赛后采访
2016/06/27 DOTA
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
python try except 捕获所有异常的实例
2018/10/18 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
网易2016研发工程师编程题 奖学金(python)
2019/06/19 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
python推导式的使用方法实例
2021/02/28 Python
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
品管员岗位职责
2013/11/10 职场文书
给老婆的搞笑检讨书
2014/01/12 职场文书
法人授权委托书
2014/04/03 职场文书
庆元旦活动总结
2014/07/09 职场文书
运动会演讲稿300字
2014/08/25 职场文书
群众路线教育实践活动的心得体会
2014/09/03 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
mysql分表之后如何平滑上线详解
2021/11/01 MySQL