这篇文章主要介绍jQuery如何实现回车触发按钮事件功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都创新互联网络公司拥有10多年的成都网站开发建设经验,近千家客户的共同信赖。提供成都网站设计、做网站、网站开发、网站定制、外链、建网站、网站搭建、成都响应式网站建设、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
本文实例讲述了jQuery实现的回车触发按钮事件功能。分享给大家供大家参考,具体如下:
<!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> <meta charset="utf-8"/> <title>www.jb51.net jQuery回车触发按钮事件</title> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(function () { $('#Submit').click(function () { var account = $('#AccountInput').val(); var password = $('#PasswordInput').val(); if (account == '') { alert('Please input account.'); $('#AccountInput').focus(); return false; } if (password == '') { alert('Please input password.'); $('#PasswordInput').focus(); return false; } if (account == 'chad' && password == '123456') { alert('Login success.'); } else { alert('Login failed.'); } }); $(document).keydown(function (event) { if (event.keyCode == 13) { $('#Submit').triggerHandler('click'); } }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td> account</td> <td><input id="AccountInput" type="text" /></td> </tr> <tr> <td>password</td> <td><input id="PasswordInput" type="text" /></td> </tr> <tr> <td><input id="Submit" type="button" value="submit"/></td> </tr> </table> </div> </form> </body> </html>
运行效果:
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
以上是“jQuery如何实现回车触发按钮事件功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
分享题目:jQuery如何实现回车触发按钮事件功能
URL链接:https://www.cdcxhl.com/article4/igieoe.html
成都网站建设公司_创新互联,为您提供ChatGPT、、商城网站、全网营销推广、品牌网站建设、面包屑导航
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联