Carmineprince's Blog
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档

Ziqi Wang

胡思乱想程序员
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档
  • 正则表达式快速使用列表
  • Array常用方法
  • JS回炉重造
  • Layui form表单input获取回车事件
    • 问题
    • 解决
  • 需要背下来的内容
  • ES6实用场景
  • JavaScript相关
carmineprince
2021-10-20

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">
1

js:

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

1
2
3
4
5
6
7
8
9

enter键的ASCII是13

#layui#form#input#javascript
上次更新: 10/21/2021, 1:52:09 PM
JS回炉重造
需要背下来的内容

← JS回炉重造 需要背下来的内容→

最近更新
01
pc端rem配置
03-02
02
使用动态变量ts报错的解决
02-25
03
React Hook详解
02-18
更多文章>
Theme by Vdoing | Copyright © 2021-2022 Carmineprince | 鲁ICP备2021046263号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式