回车提交表单
发表于|更新于
|浏览量:
却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤
我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交
当我们的form满足只有一个input的时候,回车事件是生效的
1 | <form> |
当我们的form有多个input的时候,回车事件失效了
1 | <form> |
此时我们可以加一个input,让type=submit
即可再次满足回车提交效果
1 | <form> |
如果要隐藏掉,使用样式display:hide隐藏即可
但有时如果我们如果需要回车不提交表单,则可以避免上述条件
如果想要不执行submit事件,可以直接在form上加一个onsubmit="return false"即可
1 | <form onsubmit="return false"> |
相关推荐
2020-06-05
前端传递参数后端接收不到的坑
前两天跟小伙伴一起做项目的时候遇到一个问题 我们前端同志传递过来的参数无论如何也接收不到,debug发现根本没有传进来,而前端明明传了 后来在哥们儿的帮助下发现原来是参数名的问题…. 用的是代码生成器,生成的javabean的属性名是这样的uname 而生成的getter/setter方法名是这样的… 123456789101112131415161718/** * 获取活动名称 * * @return 活动名称 */public String getEName() { return this.eName;}/** * 设置活动名称 * * @param eName * 活动名称 */public void setEName(String eName) { this.eName = eName;} 直接导致参数接收不到 解决办法是用 12345@PostMapping("/event/add")public AjaxJson addEvent(@RequestBody Map...
2025-04-08
react-explorer
原谅是容易的,忘却则是困难的。——普拉顿 React Explorer: 一个使用 React 和 Electron 的文件管理器项目简介React Explorer 是一个开源的文件管理器项目,使用 TypeScript、React 和 Blueprint 编写,并使用 Electron 打包。它提供了一个跨平台的文件管理解决方案,支持 Linux、macOS 和 Windows 系统。 项目特点 跨平台支持:React Explorer 可以在 Linux、macOS 和 Windows 系统上运行,为用户提供一致的文件管理体验。 现代前端技术:项目使用 TypeScript 和 React 进行开发,确保代码的健壮性和可维护性。 Blueprint 组件库:使用 Blueprint 组件库构建用户界面,提供现代化的 UI 体验。 Electron 打包:通过 Electron 将应用打包成桌面应用,方便用户安装和使用。 状态管理:使用 MobX 进行状态管理,确保应用状态的一致性和响应性。 开源许可:项目采用 MIT 许可,允许用户自由使用和修改代码。 项目主页项目主...
2021-07-12
cursor
生命是一个说故事的人,而每一刻间的故事都是新鲜的。——朱光潜 我们有时候会在页面上定义鼠标移入某个元素时的效果 请把鼠标移动到单词上,可以看到鼠标指针发生变化: auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait 123456789101112131415161718<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span style="cursor:default">default</sp...
2023-04-23
recordrtc
贫者因书而富,富者因书而贵。——王安石 分享一个JavaScript音频 + 视频 + 屏幕 + 画布(2D+ 3D动画)录制库:WebRTC https://recordrtc.org/ https://github.com/muaz-khan/RecordRTC demo:https://www.webrtc-experiment.com/RecordRTC/simple-demos/ 123456789101112let stream = await navigator.mediaDevices.getUserMedia({video: true, audio: true});let recorder = new RecordRTCPromisesHandler(stream, { type: 'video'});recorder.startRecording();const sleep = m => new Promise(r => setTimeout(r, m));await slee...
2021-05-26
百度地图简单对接
地位越高,自我评价就越高,自信心多强,能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特 效果如下 跟着官网一步一步来即可 申请成为开发者 然后在应用管理里创建应用 填写信息 点击复制AK 然后复制代码 123456789101112131415161718192021222324252627<!DOCTYPE html> <html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:10...
2024-09-18
vue2使用vite过渡
君子藏器与身,待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验。 通过这个插件,开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包,而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点: Vue 2 支持:在 Vite 项目中使用 Vue 2,无需进行复杂的配置或迁移。 现代开发体验:支持 Vite 的快速启动、热模块替换(HMR)、高效的编译和打包。 兼容性:与现有的 Vue 2 项目无缝集成,不影响现有代码库的运行。 GitHub地址 GitHub 仓库:vitejs/vite-plugin-vue2 官方文档提供了详...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog