html获取调用onsubmit的位置

html for where to call onsubmit

本文关键字:位置 onsubmit 调用 获取 html      更新时间:2024-01-24

以前从未做过html或任何相关项目。尽管到目前为止相对简单。我仍然需要你们中的一些智慧。我正在做一个表格。

html表单有一个属性onsubmit,我可以为它分配一个函数来调用它。

<... id="formId" onsubmit="aFunction();" >

我也可以通过document.getElementById("formId").onsubmit等获得onsubmit属性

一种方法比另一种更可取吗?我认为getElementById会覆盖HTML表单标记中指定调用的任何函数,这是对的吗?

后一个更可取(在Javascript中使用.onsubmit),因为它将代码模块化。模块化,将Javascript代码与HTML分离。因此,.HTML文件将只包含HTML代码,.js文件将只包括Javascript代码。

这样可以很容易地维护项目的代码。

您说得对,设置onsubmit将覆盖其他事件处理程序。另一种选择是使用addEventListener,它将允许您将多个事件处理程序绑定到一个事件。

我认为用JavaScript绑定事件是最好的方法。你的HTML标记应该是干净的,没有这些逻辑。当然,这是一个意见问题,但我确信平衡正在向this的意见倾斜。:)

简要说明:IE8不支持addEventListener,但您可以将类似的attachEvent用于该浏览器。有关addEventListener的更多信息,请参阅:

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener