为了账号安全,请及时绑定邮箱和手机立即绑定

通过javascript提交HTML表单并防止默认

通过javascript提交HTML表单并防止默认

守候你守候我 2023-05-18 10:04:20
我正在使用一个用 javascript 构建的虚拟键盘作为在嵌入式系统上运行的用户界面。虚拟键盘的源代码可以在这里找到:https ://codepen.io/dcode-software/pen/KYYKxP我只更改了源代码中的一个部分。Keyboard.js 文件第 141-151 行:case "enter":          keyElement.classList.add("keyboard__key--wide");          keyElement.innerHTML = createIconHTML("Enter");          keyElement.addEventListener("click", () => {            this.properties.value += "\n";            this._triggerEvent("oninput");            /**             * The part that i modified             */            document.querySelector("form").submit();          });          break;基本上,我在这里要做的是在按下虚拟键盘上的“enter”键时在当前页面上提交表单。(效果很好)但我也想防止默认此提交事件。( e.preventDefault()) 那么我该如何实现呢?感谢您的帮助。编辑:我已经添加e.preventDefault()到提交功能。这是我处理登录表单提交的代码://Loginconst loginForm = document.querySelector("#login-form");loginForm.addEventListener("submit", async (e) => {  e.preventDefault();  const errorContainer = document.querySelector("#login-form-message");  errorContainer.innerHTML = "";  try {    //Submitting form  } catch (error) {    //Handle error  }});
查看完整描述

目前暂无任何回答

  • 0 回答
  • 0 关注
  • 145 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信