什么是onclick和onsubmit之间的区别?

时间:2014-05-20 14:24:11

标签: javascript onclick onsubmit

它不像我没有用谷歌搜索过......但是在使用onsubmit和使用onclick时我仍然无法理解?

4 个答案:

答案 0 :(得分:21)

他们是两个完全不同的事件。

当用户使用鼠标点击某些内容时,会发生

onclick个事件。

提交表单时会触发

onsubmit个事件。这个事件的起源有时可以追溯到onclick(比如点击"提交"按钮)但它也可以来自键盘事件(比如按 enter )。

这意味着在表单上的提交按钮上使用onclick可能会遗漏某些表单上的onsubmit会遇到的情况。

还有许多其他类型的事件,例如:onload用于加载脚本或图像等资源,onkeydown用于检测键盘上的按键。

答案 1 :(得分:2)

OnSubmit用于form,表示此时要将信息提交给服务器,除非您返回false。

OnClick用于任何事情,并表示它被点击,根本不提供事件意图的其他背景。

答案 2 :(得分:1)

Onclick是点击控件/对象/几乎任何东西的事件。 Onsubmit是提交表单的事件。

例如,假设您有一个注册表。

您可以拥有"提交"的OnClick事件。按钮会显示一条警告,说明"您确定这些详细信息是否正确?",然后点击"确定"可以触发OnSubmit事件,该事件会将表单数据提交到您希望的位置。

答案 3 :(得分:0)

onsubmit对表单元素的引用,并且在提交表单时会发生此事件。

http://reference.sitepoint.com/html/event-attributes/onsubmit

onclick对div,li等元素的引用,当用户单击应用了属性click的元素时,会发生此事件。

http://www.sitepoint.com/web-foundations/onclick-html-attribute/