Layui form表单input获取回车事件

layui form表单input获取回车事件

[toc]

layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

问题

在使用layui的过程中经常会用到单独的表单组件,有一些layui封装好的功能经常用不到。例如表单的提交。如果单独需要一个文本输入框,点击了回车后就会进行表单提交,页面刷新。这是我们不想看到的结果

解决

html:

<input type="text" name="searchText" id="searchText" lay-verify="searchText" placeholder="名字或手机号" autocomplete="off" class="layui-input">

js:

 //搜索框回车事件
        $('#searchText').on('keydown', function (event) {
            if (event.keyCode == 13) {
                
                
                return false
            }
        });

enter键的ASCII是13

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,695评论 1 45
  • 或许,今生的相遇,续 前生的缘。 期许,完美的今生,行 前...
    起点人力阅读 179评论 0 1
  • 眼泪,那熟悉的咸咸的味道弥漫在眼角,沁湿了我整个属于你的心。 你知道吗?自从我走失在你的世界里后,爱哭的我从不轻易...
    温度冻结的时光阅读 113评论 0 0
  • 在黑龙江省绥化市,有一片美丽的处女地,这里野鸭野鸟野鸡成群,完全原生态。在这里,我的姐姐开始了她的良心米快乐...
    快乐的米粒阅读 775评论 0 1
  • 说起自由职业者,大家最先关注的应该是自由。 有自由的时间、不受约束、最好还要有金钱上的自由。 但是我们更应该先关注...
    小蝶飞飞阅读 422评论 0 0