javascript - 多种形式，检测哪一个onclick来自

Question

我有一个包含多种表单的网页，每个表单都有自己的控件。

我想使用控件上的“onclick”事件来运行 JavaScript 函数。

有没有办法告诉哪个表单包含“onclick”事件来自的控件？我想在不使用表单的 id 的情况下这样做，但如果我必须这样做也没关系。

（我想做一个提交，无论它来自哪个表单。）

谢谢！

Answer 1

您可以通过简单地检查它来获取归因于任何输入元素的表单，.form如下所示：

对于刚刚设置的元素onclick="getForm(this);"

// el gets passed by "this" within the onclick
function getForm (el) {
    var form = el.form;
}

jsFiddle Demo - 打开控制台查看传入的“el”以及父表单

附带说明：我建议不要在 HTML 元素中使用onclick / onmouseover / 任何“JS”事件。不仅这些不同的东西通常应该分开，而且在 IE8 及更低版本中，这些事件中的每一个都会变成一个小的脚本块元素，这会降低性能。