`
ayue222
  • 浏览: 49492 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 中绑定事件监听的函数【支持数组对象绑定】

阅读更多
var addEventHandler=function(obj, type, func) {
		if(!obj){return;}
		var doOn=function(o){
			if(o.addEventListener){o.addEventListener(type, func, false);}
			else if(o.attachEvent){o.attachEvent("on" + type, func);}
			else{o["on" + type] = func;}
		}
		var IsArray=function(v){ 
			try{ 
				var a = v[0]; 
				return typeof(a) != "undefined"; 
			}catch(e){ 
				return false; 
			} 
		}
		if(obj.tagName!='SELECT'&&IsArray(obj)){
			for(var i=0,oLen=obj.length;i<oLen;i++){
				doOn(obj[i],type.func);
			}
		}else{
			doOn(obj);
		}
};
分享到:
评论

相关推荐

    JavaScript绑定大事监听函数的通用方法_.docx

    绑定大事监听函数是 JavaScript 编程中非常重要的一部分,它们可以帮助开发者更好地处理事件监听函数。一个好的绑定方法可以提高开发效率和代码质量。本文总结了几种常用的绑定方法,并且讨论了它们的优缺,希望可以...

    JavaScript绑定事件监听函数的通用方法

    在Web开发中,事件监听是...在选择使用这些方法时,我们需要清楚它们在不同浏览器中的行为,以及它们如何满足上述提到的通用事件监听函数绑定的要求。通过这样的实践,可以编写出更加健壮和兼容的JavaScript代码。

    javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历

    在JavaScript编程中,有几个关键概念和技术点在标题和描述中被提及:浏览器判断、绑定事件、`arguments`对象转换为数组以及数组遍历。这些是JavaScript开发中的基础但至关重要的部分,下面将逐一进行详细解释。 1. ...

    JavaScript实现为事件句柄绑定监听函数的方法分析

    本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都...

    js事件监听机制(事件捕获)总结

    首先,事件监听器可以通过多种方法添加,包括直接在HTML元素上使用内联属性如onclick,或通过JavaScript函数绑定。内联属性方式简单易用,但不推荐用于复杂的项目,因为它将行为与结构混合,不易于维护和管理。而...

    JavaScript为事件句柄绑定监听函数实例详解

    本文实例讲述了JavaScript为事件句柄绑定监听函数的方法。分享给大家供大家参考,具体如下: 在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情,但这里也有许多的Bug。各种浏览器对于事件绑定都提供了...

    layui动态绑定事件的方法

    在实际操作中,我们可以通过编写一段JavaScript代码来实现动态绑定事件。先通过jQuery选取需要添加事件监听的元素,然后使用.on()方法绑定事件。对于动态添加的元素,我们同样可以使用.on()方法进行事件委托,将事件...

    vue深度学习之对象和数组的监听原理 深度学习原理.pdf

    在Vue中,对于对象和数组的监听是实现响应式系统的关键部分。这篇文章深入探讨了Vue如何监听对象和数组的变化,以便在数据发生变化时自动更新视图。 ### 对象的监听 Vue.js 使用 `defineReactive` 函数来实现对象...

    javascript重复绑定事件造成的后果说明.docx

    1. **检查现有绑定**:使用原生JavaScript或库提供的API(如jQuery的`.off()`方法)来移除已有的事件监听器,确保每次只绑定一次事件。 ```javascript // 移除所有点击事件 button.removeEventListener('click',...

    事件绑定、事件监听、事件委托.pdf

    事件绑定是指在网页中添加事件监听器的过程,当特定的用户操作发生时,比如点击、鼠标移动、按键操作等,就会触发事先设置好的函数进行响应。在早期的JavaScript中,我们通常通过在HTML标签上直接使用事件属性来实现...

    Vue监听一个数组id是否与另一个数组id相同的方法

    在Vue.js中,有时我们需要监听两个数组中的元素是否存在相同的ID,并根据这个判断来更新视图或执行特定操作。本文将详细介绍如何在Vue中实现这样的功能。 首先,我们有两个数组,`list` 和 `shoplist`,它们的结构...

    ES6中javascript实现函数绑定及类的事件绑定功能详解

    ES6(ECMAScript 2015)引入了许多现代JavaScript...在使用函数绑定时,应该注意其与箭头函数的区别,以及在类中事件绑定时如何安全地引用this。通过实践上述方法,开发者可以编写出更加模块化和优雅的JavaScript代码。

    javascript中的绑定与解绑函数应用示例.docx

    本文详细介绍了 JavaScript 中事件绑定与解绑的方法,并通过具体的代码示例展示了在不同浏览器环境下的实现方式。了解这些基础知识对于前端开发者来说至关重要,能够帮助我们更好地控制页面的行为,提升用户体验。...

    封装了一个支持匿名函数的Javascript事件监听器

    对于移除事件监听的unbind函数,如果浏览器支持removeEventListener方法,则遍历handleHash中存储的函数数组,并调用removeEventListener将它们逐个移除。如果浏览器仅支持detachEvent方法,则通过该方法移除事件...

    详细讲解JavaScript中的this绑定

    JavaScript中的`this`绑定是一个关键概念,涉及到函数调用、对象方法、构造函数等多个场景。`this`在JavaScript中并不像其他语言中的`this`那样简单地指向对象本身,而是根据函数调用的方式动态确定其指向。理解`...

    javascrpt绑定事件之匿名函数无法解除绑定问题.docx

    ### JavaScript绑定事件之匿名函数无法解除绑定问题 #### 背景介绍 在JavaScript中,事件绑定是一项非常重要的功能,它允许我们通过监听特定的用户交互或其他触发条件来执行相应的代码逻辑。然而,在实践中,有时候...

    jquerydom对象的事件隐藏显示和对象数组示例

    通过访问事件对象,我们可以获得事件的详细信息,如事件类型(`event.type`)、事件源(`event.target`)以及点击位置(`event.pageX/pageY`)。此外,我们可以利用`event.stopPropagation()`来阻止事件进一步冒泡,或者...

Global site tag (gtag.js) - Google Analytics