• 技术文章 >web前端 >js教程

    jquery模拟按下回车实现代码_jquery

    2016-05-16 18:02:04原创662
    简单地记下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的按钮做跳转。好吧,客户是上帝,他们怎么说我们这些程序猿只能尽自己所能来达到效果。如图:

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

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

    复制代码 代码如下:



    而后查看了JQUERY API 的 Event Object发现 jquery有个trigger方法能够触发模拟的按键事件。直接上代码
    复制代码 代码如下:



    easyui官网:http://www.jeasyui.com/index.php
    jquery:http://jquery.com/
    这里有个jquery的中文手册,说明很全:http://jquery.org.cn/manual/
    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery 回车
    上一篇:jquer之ajaxQueue简单实现代码_jquery 下一篇:js substr、substring和slice使用说明小记_javascript技巧
    大前端线上培训班

    相关文章推荐

    • 实例解说JavaScript创建对象的四种方式• nodejs怎么设置成员• 怎么用nodejs运行脚本• javascript如何判断对象中是否有参数• javascript二维数组怎么写

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网