美文网首页
Layui form表单input获取回车事件

Layui form表单input获取回车事件

作者: 果汁果肉 | 来源:发表于2019-01-17 19:39 被阅读0次

    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

    相关文章

      网友评论

          本文标题:Layui form表单input获取回车事件

          本文链接:https://www.haomeiwen.com/subject/kwkwdqtx.html