收藏 分销(赏)

jquery按回车键实现表单提交的简单实例.doc

上传人:丰**** 文档编号:9758652 上传时间:2025-04-06 格式:DOC 页数:2 大小:15.50KB
下载 相关 举报
jquery按回车键实现表单提交的简单实例.doc_第1页
第1页 / 共2页
jquery按回车键实现表单提交的简单实例.doc_第2页
第2页 / 共2页
本文档共2页,全文阅读请下载到手机保存,查看更方便
资源描述
  本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以。   键盘事件有3:   jquery键盘事件参考:   1、keydown()   keydown事件会在键盘按下时触发.   2、keyup()   keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件   3、keypress()   keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键   正确代码为:   $(document).keyup(function(event){    if(event.keyCode ==13){     $("#submit").trigger("click");    }   });   推荐:keyup,防止笔记本键盘不小心触摸到了   1.有些文档中有写成这样:   $(window).keydown(function(){   ...   })   XP系统IE6下是不成功的。   2.还有INPUT的:   $("input").keydown(function(){   ...   })   这种情况要在input获取焦点时候,才能监听到键盘事件。   例表单如下:   <form name="loginform" id="loginform" method="post">    <div>         <p>用户名:<input type="text" name="username" /></p>      <p>密码:<input type="password" name="password" /></p>      <p><input type="button" value="" class="log_btn" /></p>    </div>   </form>   juqery实现方法:   $("#loginform").keydown(function(e){    var e = e || event,    keycode = e.which || e.keyCode;    if (keycode==13) {    $(".log_btn").trigger("click");    }   });   以上这篇jquery按回车键实现表单提交的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考   
展开阅读全文

开通  VIP会员、SVIP会员  优惠大
下载10份以上建议开通VIP会员
下载20份以上建议开通SVIP会员


开通VIP      成为共赢上传
相似文档                                   自信AI助手自信AI助手

当前位置:首页 > 包罗万象 > 大杂烩

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        抽奖活动

©2010-2025 宁波自信网络信息技术有限公司  版权所有

客服电话:4009-655-100  投诉/维权电话:18658249818

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :微信公众号    抖音    微博    LOFTER 

客服