0 0

JavaScript中当两个事件同时响应是怎么处理的?15

如题。
例如

<form onsubmit="doSubmitValidate();">
  <input type="text" onblur="doOnBlur();"/>
  <input type="submit" value="submit"/>
</form>


做如下操作:
step1: 点击进入text,获取焦点
step2: 点击submit

在执行step2的时候感觉是两个事件都触发了,那到底是怎么执行的,请各位指点,多谢。
2012年12月28日 21:02

2个答案 按时间排序 按投票排序

0 0

我估计你想问的是js 事件冒泡,但举的例子不是事件冒泡,推荐你google一下js 事件冒泡。或者这篇文章:http://www.pureweber.com/article/event-delegation/

2012年12月29日 12:03
0 0

首先执行的是onblur事件,因为你鼠标按下提交按钮的时候,已经触发了文本框失去焦点的事件,当鼠标弹起后,才会触发按钮的点击事件,此时因为按钮是submit,默认触发它所在的form中的submit事件,此时才会去调用form的submit事件。

2012年12月29日 08:23

相关推荐

    javascript之事件及事件响应篇

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互方面,事件和事件响应起着至关重要的作用。本篇文章将深入探讨JavaScript中的事件模型、事件处理方式以及常见事件类型,旨在帮助开发者更好地理解和应用...

    javaScript对象模型与事件处理借鉴.pdf

    JavaScript 事件处理可以分为事件捕捉和事件处理两个阶段。在事件捕捉阶段,JavaScript 会捕捉到用户在浏览器中进行的操作,如点击、移动、 Scrolls 等。在事件处理阶段,JavaScript 会对捕捉到的事件进行响应,例如...

    JavaScript程序设计课件:第 5 章 事件和事件处理.ppt

    例5-3展示了如何定义和使用这两个事件的处理器,当窗口加载或卸载时,会弹出相应的警告框。 总的来说,事件和事件处理是JavaScript与用户交互的核心机制,它们使得网页可以根据用户的操作做出反应,提供动态和交互...

    javascript 讲义_01_事件结束

    总之,"javascript 讲义_01_事件结束"涵盖了JavaScript中事件处理的关键点,包括事件模型、事件冒泡与捕获、事件结束方法,以及最佳实践如事件委托。深入理解这些概念对于提升JavaScript编程技能至关重要,特别是在...

    第3章+JavaScript事件处理.pdf

    在这个例子中,原本链接的目标是百度,但是通过添加`onclick`事件处理器,当用户点击链接时,实际上会跳转到新浪的页面,从而实现了对默认行为的覆盖。 #### 四、现代事件模型与Event对象 在现代的事件处理模型中...

    实验8 JavaScript事件处理(4学时).zip

    JavaScript事件处理是Web开发中的核心概念,它使得用户与网页之间的交互变得更加动态和响应性。在本实验“实验8 JavaScript事件处理(4学时)”中,我们将深入探讨这一主题,学习如何通过JavaScript来响应用户的操作...

    JavaScript的两本书

    最后,事件处理是JavaScript与用户交互的基础,它讲解了如何响应用户的动作。 "JavaScript快速查询手册"则可能是一个实用的参考指南,包含JavaScript的各种函数、方法、API和最佳实践。这种手册通常按主题分类,...

    javascript事件模型代码

    JavaScript事件模型是JavaScript编程中处理用户交互和状态变化的核心机制。事件模型允许程序在特定条件满足时执行预定的代码,比如用户点击按钮、页面加载完成或数据发生变化等。本节将详细探讨JavaScript事件处理...

    javascript事件模型

    JavaScript 事件模型是Web开发中的核心概念,它定义了如何处理和响应用户或浏览器的交互。ECMAScript规范中的ECMA-357是与事件处理相关的一部分,它提供了JavaScript中处理事件的标准。 事件流是JavaScript事件模型...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十五:事件处理

    这种方法允许一个元素同时处理多个相同类型的事件,且不影响其他代码。 ```javascript element.addEventListener('click', function() { // 处理代码 }, false); // 第三个参数是布尔值,决定事件冒泡与否 ``` 3....

    【JavaScript源代码】javascript事件冒泡,事件捕获和事件委托详解.docx

    5. **总结**:事件冒泡和事件捕获是JavaScript事件模型的两个阶段,它们定义了事件如何在DOM树中传播。事件委托则是一种高效利用事件处理的策略,可以降低内存消耗,提高性能,尤其适用于动态添加或删除DOM元素的...

    JavaScript事件学习小结(一)事件流

    总结,JavaScript事件流是理解DOM中事件处理的关键,它决定了事件处理程序何时以及如何被调用。了解事件流有助于优化事件处理,避免不必要的事件处理和提高性能。通过合理利用事件流,开发者可以创建更加高效和用户...

    JavaScript每天必学之事件

    JavaScript中的事件处理是Web开发中的核心部分,它允许网页交互性增强,提升用户体验。在这篇文章中,我们主要讨论了事件处理程序、事件冒泡和捕获机制,以及它们在实际应用中的优势和如何使用。 首先,事件处理...

    javascript事件查询综合

    JavaScript事件查询是Web开发中的重要概念,它涉及到用户与网页交互时的各种响应处理。这篇文档“javascript事件查询综合”很可能是对JavaScript事件处理机制的详细阐述。在Web开发中,JavaScript事件模型允许开发者...

    javascript 浏览器窗口大小改变事件

    在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者调整窗口大小时,浏览器会触发这个事件。你可以通过在...

    javascript阻止事件冒泡的一种方法

    总结一下,阻止事件冒泡是JavaScript中控制事件处理流程的关键技巧,它允许开发者更精细地管理事件响应。通过`event.stopPropagation()`和`event.stopImmediatePropagation()`,我们可以防止事件在DOM树中向上传播,...

    javascript中文学习文档

    这份"javascript中文学习文档"和"征服Ajax - Web20开发技术详解试读版.pdf"正是针对这两个主题的入门级学习资源,旨在帮助初学者快速掌握JavaScript基础和Ajax的使用。 JavaScript基础知识: 1. **变量与数据类型**...

    《javascript》——event对象与事件

    Event 对象的使用可以分为两个方面:事件处理和事件绑定。事件处理是指在事件发生时执行的函数或代码,而事件绑定是指将事件处理函数绑定到某个元素上,使得该元素能够响应用户的交互行为。 常见的事件类型包括: ...

    delphi 中 js 响应ocx事件内容

    标题“delphi 中 js 响应ocx事件内容”表明我们要讨论的是如何在Delphi开发的OCX控件中集成JavaScript,以便用JS来捕获和处理OCX控件的事件。以下是对这一主题的详细阐述。 **JavaScript与OCX交互** JavaScript是一...

Global site tag (gtag.js) - Google Analytics