`
ayue222
  • 浏览: 48054 次
  • 性别: 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绑定事件监听函数的通用方法

    主要为大家详细介绍了JavaScript绑定事件监听函数的通用方法,感兴趣的朋友可以参考一下

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

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

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

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

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

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

    JS 事件绑定、事件监听、事件委托详细介绍

    在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)... 绑定事件监听函数。 在DOM中直接绑定事件 我们可以在DOM元素上绑定onclick、onmouseover、onmouseout

    关于JavaScript中事件绑定的方法总结

    最近收集了一些关于JavaScript绑定事件的方法,汇总了一下,不全面,但是,希望便于以后自己查看。 JavaScript中绑定事件的方法主要有三种: 1 在DOM元素中直接绑定 2 JavaScript代码中直接绑定 3 绑定事件监听函数 ...

    【JavaScript源代码】JQuery绑定事件四种实现方法解析.docx

     jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前 一:bind(type,[data],function(eventObject)) bind是使用频率...

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

    下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了。 主要代码: 代码如下:/*绑定事件与取消绑定*/var...

    JavaScript函数绑定用法实例分析

    本文实例讲述了JavaScript函数绑定。分享给大家供大家参考,具体如下: Perface 如果让你实现这个页面和一些操作的,比如点击1、2、3等就在那个input text中显示,还有删除功能,拨打我们先不要管它,只是模拟而已...

    javascript实现简单的on事件绑定

    实现一个简单的on和off方法 介绍: Event对象:  funcList: {}, //保存delegate所绑定的... Event.delegateHandle: 当发生事件之后,随着事件的冒泡上升,判断存在事件委托的元素,并执行对应的回调函数 addEvent / off

    【JavaScript源代码】vue实现简易的双向数据绑定.docx

    vue实现简易的双向数据绑定 ... 解析器Compile 解析指令, 更新模板数据, 初始化视图, 实例化一个订阅者, 将更新函数绑定到订阅者上, 可以在接收通知二次更新视图, 对于v-model还需要监听input事件,实现视图到模型

    dop:Dynamic of package,里面封装了一些个人常用的方法,全兼容的dom操作事件,监听对象变化自动更新的方法

    Dop Dynamic of package,里面封装了一些个人常用的方法,全兼容的dom操作事件,监听...touch()函数内可以传入的值,dom对象,一个数组dom对象,jq对象。 绑定事件,使用on方法绑定事件 dom.on("tap",function () {

    前端面试宝典V3.0.docx

    13、通用事件绑定/ 编写一个通用的事件监听函数?(必会) 110 14、dom 和 bom 的区别(必会) 111 15、事件三要素(必会) 111 16、事件执行过程(必会) 111 17、获取元素位置(必会) 112 18、封装运动函数(必会...

    浅谈Vue为什么不能检测数组变动

    问题描述:Vue检测数据的变动是通过Object.defineProperty实现的,所以无法监听数组的添加操作是可以理解的,因为是在构造函数中就已经为所有属性做了这个检测绑定操作。 但是官方的原文:由于 JavaScript 的限制, ...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    15.2 绑定事件处理函数 499 15.3 事件处理函数的执行环境 505 15.4 事件类型 521 15.5 本章小结 534 第16章 本地存储与离线应用 535 16.1 Web Storage 536 16.2 Indexed数据库API 545 16.3 离线应用 564 ...

    Vue.js数据绑定之data属性

    Vue.js是JavaScript的一个MVVM库,M是指模型数据,V是指视图容器,VM是指视图模型,模型数据通过视图模型监听视图容器的变化,而视图容器通过视图模型获取模型数据的变化进行渲染,实现了数据的双向绑定。...

    use-typed-event-listener:支持TypeScript的React Hook for DOM事件监听器

    使用类型的事件监听器 use-typed-event-listener是支持TypeScript的DOM事件侦听器的React Hook 借助TypeScript的帮助,此程序包可以检测元素支持的事件类型,并自动为事件强制转换正确的类型 安装 npm install use...

Global site tag (gtag.js) - Google Analytics