`

关于javascript事件触发多个函数的使用

js 
阅读更多
http://blog.csdn.net/jungle_java/article/details/6618325


今天在项目中遇到一个问题:有两个在不同的js文件中的函数,一个是用来校验form中的日期输入是否合法一个是用来重置iframe的src。

我在onclick事件中触发了这两个方法,此处暂时定为fun1和fun2,其中fun1用来校验合法性,fun2用来重置src。

最初的时候我是这样用的onclick="fun1();fun2()",但是,在fun1验证没有通过的时候fun2仍然执行了。



之后,经过多方查证,得出如下结果

view plain
onclick="return false; alert(1)"    //点击按钮画面没有反应 
 
onclick="return true;alert(1)"     //点击按钮画面没有反应 
 
onclick="alert(2);alert(1)"     //画面显示提示框2和提示框1 
 
onclick="if(1){alert(1);}"    //画面显示提示框1 

根据第四个例子的思想我可以在if语句中执行fun1,然后根据其返回值来判断是否执行fun2,即最终的解决办法是

onclick = "if(fun1(param1,param2)){fun2();}";    //此处特别要注意的一点是:fun1中必须要有返回值(true或者false)

通过这些也了解了js中return语句的使用
分享到:
评论

相关推荐

    javascript触发模拟鼠标点击事件

    在Web开发中,事件处理...需要注意的是,虽然模拟事件触发在很多情况下非常有用,但过度使用或不当使用可能会导致代码难以维护,甚至出现性能问题或安全漏洞。因此,在使用这些技术时,建议开发者始终保持谨慎和适度。

    JavaScript事件机制详细研究

    4. 使用 addEventListener 或 attachEvent:这是目前推荐的方式,可以为元素添加多个事件 handler,支持事件冒泡或捕获。 事件机制的原理是基于浏览器的事件模型,分为两种:冒泡型和捕获型。冒泡型的事件从最具体...

    javascript 函数教程(由浅入深)

    JavaScript 函数是编程语言的核心部分,它是一种组织代码的方式,使得代码可以被多次重用,降低了程序的复杂性。在JavaScript中,函数是一段可执行的代码块,它能够接收参数,执行特定任务,并可能返回结果。以下是...

    javascript 动态改变onclick事件触发函数代码

    关于动态改变JavaScript中onclick事件触发的函数代码的知识点,我们将从JavaScript事件处理机制、onclick事件、以及如何动态改变事件绑定的函数等方面进行详细解释。 首先,JavaScript是一种基于事件的编程语言。在...

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

    事件对象(Event)是传递给事件处理函数的一个参数,它包含了关于事件的详细信息。例如`event.clientX`和`event.clientY`提供事件发生时鼠标位置的坐标信息。 #### 注意事项 - 在绑定事件时,注意事件名称的正确性...

    手动多个click事件防止多触发1

    在JavaScript和jQuery编程中,有时候我们需要处理多个点击事件,但为了避免事件被多次触发,需要进行适当的控制。在给定的示例中,开发者通过引入一个`flag`属性来实现这一目标,这是一种常见的防止事件重复触发的...

    javascript事件详解

    例如,如果想要在页面加载完成后改变body的边框颜色,正确的做法是注册一个onload事件处理函数,而不是使用阻塞式的while循环: ```javascript window.onload = function() { document.getElementsByName('body')...

    JavaScript实现同时调用多个函数的方法

    在JavaScript编程中,有时我们需要在特定条件下同时调用多个函数,以实现一系列的处理或操作。这在构建复杂的用户交互和动态页面时尤其常见。本文将深入探讨如何在JavaScript中实现这一目标,通过一个简单的实例来...

    把多个JavaScript函数绑定到onload事件处理函数上的方法

    总结来说,将多个JavaScript函数绑定到onload事件处理函数上的一个关键点是理解不能直接将多个函数赋值给window.onload,因为这会导致后面的赋值覆盖前面的函数。使用addLoadEvent函数,可以有效地解决这个问题,...

    JavaScript 事件绑定及深入

    2. **事件切换器问题**:当有多个函数需要在同一个事件上交替触发时,会遇到无法正常切换的问题。 例如: ```javascript box.onclick = toRed; function toRed() { this.className = 'red'; this.onclick = ...

    JavaScript事件详解

    - **解决方案二**:自定义事件添加方法`addEvent`,通过存储旧的事件处理函数,保证多个函数依次执行。但是,直接将`on`属性设为`null`会删除所有事件处理函数。 ### 5. 解决方案二的改进版 - 使用`__EventID`为每...

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

    每种事件类型对应一个或多个 HTML 标记,例如按钮单击事件对应 HTML 的 input 标记。 事件处理器语法格式 事件处理器的语法格式为:标签 事件处理器名称 ="JavaScript 代码 ">,例如:(' 您单击了按钮 !')">。 ...

    javascript事件综合查询

    在JavaScript代码模块中,事件处理是一个核心概念,涉及到事件触发、事件监听和事件传播等多个方面。本篇将深入探讨JavaScript事件综合查询的相关知识点。 一、事件模型 1. DOM(Document Object Model)事件模型...

    JavaScript实现的鼠标单击触发和鼠标滑过触发的tab标签页源码

    在tab切换的场景中,通常我们会有一个包含多个标签的容器,每个标签对应一个内容区域。当用户点击某个标签时,对应的content区域应显示,其他隐藏。这可以通过添加或删除CSS类(例如,`active`类用于高亮当前选中的...

    javascript 一个函数对同一元素的多个事件响应

    在JavaScript中,我们可以为同一个HTML元素绑定多个事件处理器,以便在一个函数中响应不同的事件。这在标题和描述中提到的示例中得到了很好的展示。在这个例子中,`testButton`按钮同时绑定了`click`和`mouseover`两...

    JavaScript回调函数面试题.zip

    高阶函数是可以接受一个或多个函数作为参数,或者返回一个新的函数的函数。它们常用于组合函数、记忆化、柯里化等,同时也常常与回调函数结合使用,以提高代码的灵活性和可重用性。 **6. 回调函数的局限性** 虽然...

    最常用的10个javascript自定义函数(english)

    - **功能概述**:`addLoadEvent()` 函数允许开发人员将多个事件处理器添加到页面加载完成时触发的事件队列中。 - **应用场景**: - 需要在页面加载完成后执行某些操作,如初始化插件、设置布局等。 - 确保所有资源...

    关于JavaScript的PPT

    4. 复选框(checkbox):允许用户选择多个选项,通过onChange事件可检测状态变化。 5. 单选按钮(radio):用于单选一组选项中的一个,与复选框类似,可以监听onChange事件。 6. 组合框(select):提供下拉选项列表...

    关于编写性能高效的javascript事件的技术

    在这种方法中,每个DOM元素都可以有自己的事件处理属性,这些属性可以赋值为一个函数。例如: ```javascript var btnDOM = document.getElementById("myButton"); btnDOM.onclick = function() { alert("Click Me!...

Global site tag (gtag.js) - Google Analytics