表单元素的submit()方法和onsubmit事件应用概述(表单元素的属性)

编辑：rootadmin

表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name="submit"的元素这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。2、elemForm.submit();不会触发表单的onsubmit事件没有为什么，标准中就是这么规定的。与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同，调用elem.blur()或elem.focus()却会触发onblur和onfocus事件。这些为我们提供了一个思路，在设计一些UI组件时，需要考虑一些事件在内部调用时是否要触发相关事件。例如Dialog组件，它具有onopen事件，同时返回的对象也会有open()方法，我们这时就必须考虑下open()方法是否需要触发onopen()事件。3、动态创建表单时遇到的问题经常使用的一种方法如下，他会在表单submit前调用，根据validate()函数的返回值决定是否需要提交表单。然而，如果要动态地为一个表单添加验证，即HTML代码中没有写onsubmit，而在页面加载后用javascript给这个form加一个handler，问题就来了。假设我们已经得到了表单的DOM节点，保存在变量elemForm中，一般这样来给它加上handler：问题就出现了：在Firefox和Chrome中"return false;"是不能阻止表单的提交的(在IE中可以)，这就是为什么大家在onsubmit属性中要写"return check()"，而不仅仅是"check()"。原因是什么呢？请看ECMAScript Language Binding，其中明确地写着，"Object EventListener: This is an ECMAScript function reference. This method has no return value. The parameter is a Event object"，意思就是event listener没有返回值。换一种理解，addEventListener可以为元素绑定多个监听函数，某一个事件监听函数的返回值，不可以作为整个事件的返回值。可以使用下面的方法解决其实一切的根本都因为IE不支持DOM Level 2。

推荐整理分享表单元素的submit()方法和onsubmit事件应用概述(表单元素的属性)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:表单元素的作用,表单元素的属性,表单元素的onblur事件表示,表单元素的type属性,其属性值主要包括,表单元素的必填属性是,表单元素的onblur事件表示,表单元素的综合案例,表单元素的综合案例,内容如对您有帮助，希望把文章链接给更多的朋友！

自定义右键属性覆盖浏览器默认右键行为实现代码 function$(id){returndocument.getElementById(id);}$('test').oncontextmenu=function(){returnfalse;};这样就可以给指定的元素自定义右键菜单

js中top/parent/frame概述及案例应用引用方法top：该变量永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。parent：该变量指的是包

js nextSibling属性和previousSibling属性概述及使用注意 1：nextSibling属性该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。需要特别注意