`
liboxlu
  • 浏览: 65065 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

onsubmit函数触发事件

阅读更多
今天调试js时遇见一问题,form的onsubmit属性中的方法在提交时没反应?于是直接Google了解onsubmit方法的触发事件,总结如下:
onsubmit属性的触发必须是在form中用input并且type=submit这样的button提交时才会触发,否则不会触发。
而在官方文档上也找到了如下说明:
The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly. When using Microsoft® Internet Explorer 5.5 and later, you can call the fireEvent method with a value of onsubmit in the sEvent parameter.
而我的代码中没有触发onsubmit方法正是由于我是用自定义的按钮提交form.submit()方法,所以如果要触发,必须手动将onsubmit要执行的函数放置在form.submit()之前
分享到:
评论

相关推荐

    javascript 触发事件列表

    ### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被...

    鼠标触发的事件,JS脚本

    鼠标触发的事件,JS脚本 鼠标事件是指在 Web 浏览器中,用户通过鼠标交互引发的事件。...5. onSubmit:一个表单被递交时触发的事件。 这些事件可以被用来实现各种交互效果,如表单验证、自动填充等。

    [js]javascript事件集合(包有触发事件).pdf

    `onsubmit`事件在表单提交时触发,而`onreset`事件在表单被重置时触发。它们常用于表单验证。 ```html <form onsubmit="return false;"> <!-- 阻止表单默认提交行为 --> ``` #### 11. ondrag, ondragend, ...

    JS鼠标键盘触发函数大全

    ### JS鼠标键盘触发函数大全知识点解析 #### 一、鼠标事件 鼠标事件是JavaScript中最常见的交互方式之一,它们主要用于响应用户的鼠标操作。 - **`onClick`**:当用户单击鼠标左键时触发。该事件通常用于处理点击...

    js方法和函数.doc

    - `onsubmit`:表单提交时触发。 - `onunload`:页面卸载时触发。 - `onSelect`、`onFocus`、`onBlur`:与文本输入有关的焦点和选中事件。 - `onDragDrop`:拖放操作时触发。 - `onLoseCapture`、`onDblClick`、`...

    DOM事件(ppt).pdf

    这对于事件处理函数的编写尤为重要,因为它允许我们直接操作触发事件的元素。 以上就是DOM事件的核心知识点,从基础的HTML事件到高级的DOM0级事件处理,从常用的鼠标和键盘事件到事件处理中"this"的关键作用。熟练...

    解决layer.confirm快速点击会重复触发事件的问题

    在默认情况下,它并不阻止事件的连续触发,这就可能导致用户在弹窗显示期间快速点击按钮,从而触发事件的多次执行。 **问题分析**: 1. `layer.confirm`本身是非阻塞的,这意味着在弹窗显示期间,用户可以继续进行...

    JavaScript事件详解

    - `onsubmit`: 表单提交时触发。 ### 4. 事件处理函数注册问题与解决方案 - **问题**:一个事件只能注册一个函数,后来注册的函数会覆盖前面的。 - **解决方案一**:合并所有函数到一个事件处理函数中。缺点是需要...

    js中函数、方法、对象的区别.docx

    1. 事件源(Event Source):触发事件的对象。 2. 事件(Event):发生的具体动作,如点击、移动鼠标等。 3. 事件处理程序(Event Handler):即处理事件的函数,如`function() {...}`。 JavaScript提供了多种事件...

    表单提交前触发函数返回true表单才会提交

    `onsubmit`事件在用户尝试提交表单时触发,可以关联一个函数,这个函数会在表单提交前被调用。如果该函数返回`true`,那么表单将会正常提交;如果返回`false`,则阻止表单的默认提交行为。 让我们分析一下提供的...

    说说回车键触发表单提交的问题

    - **使用`<form onsubmit="">`**:在`<form>`标签上添加`onsubmit`事件处理函数,可以控制表单提交前后的逻辑。 此外,对于`<textarea>`元素,按下回车键会插入换行符,而非触发表单提交。如果希望在此场景下也响应...

    js事件模型

    解决这个问题的一种方法是合并所有函数到一个单一的事件处理函数中,但这限制了动态添加新函数的能力,并可能导致this指针指向window而非事件源对象。 另一种解决方案是使用自定义事件处理函数,将旧的事件处理函数...

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

    其次,`onsubmit`事件是一个事件处理程序,当表单准备提交时,它会被触发。这个事件处理程序可以用来进行数据验证或执行其他操作,比如阻止非法数据的提交。例如,常见的用法是在HTML中直接绑定`onsubmit`事件,像...

    c#事件访问器eventaccessors

    事件是类的一种特殊属性,当特定条件满足时,类会触发事件,其他类可以订阅这些事件并提供处理代码。在C#中,事件通常通过委托(Delegate)类型来定义,委托是引用方法的类型,可以看作是函数指针的面向对象版本。 ...

    javascript事件列表解说

    这些事件可以在特定的时刻触发函数或执行代码,从而实现动态的用户界面。以下是一些主要的JavaScript事件及其详细解释: 1. 鼠标事件: - `onclick`:当用户点击鼠标左键时触发。 - `ondblclick`:双击鼠标左键时...

    Javascript事件的定义.doc

    事件触发时,通常会调用预先定义的函数,这个函数被称为事件处理函数。例如,`handleBlur`函数在`<input>`失去焦点时会被调用。 ```javascript function handleBlur() { console.log('Input lost focus'); } ``` ...

    05 React 键盘事件 表单事件 事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定

    例如,`event.target`是触发事件的元素,`event.preventDefault()`可以阻止事件的默认行为,`event.stopPropagation()`则可以防止事件冒泡到父组件。通过事件对象,我们可以更好地控制事件的处理和交互。 React的...

    JavaScript程序设计——事件处理实验报告.docx

    - **表单事件**:如`onsubmit`(表单提交)、`onfocus`(元素获得焦点)、`onblur`(元素失去焦点)、`onchange`(元素值改变)。 3. **干预系统的事件处理机制**: - **停止事件冒泡**:通过`event....

    javaScript常用事件

    7. `onSubmit`事件:只针对`<form>`元素,当表单被提交时,关联的函数会运行。返回值为`false`可以阻止表单的默认提交行为: ```html <form onSubmit="return validateForm()"> ``` 8. `onKeyDown`事件:在用户...

    js事件详解-0-1-2级模型.pdf

    - offsetX和offsetY提供了鼠标相对于触发事件的目标元素的位置 - pageX和pageY提供了鼠标相对于整个文档的位置 - keyCode提供了被按键的键码信息 5. 事件兼容性:文档还提到了不同浏览器(如W3C标准、IE)在处理...

Global site tag (gtag.js) - Google Analytics