一种Javascript事件监听的管理方法

文档序号:6493263阅读:142来源:国知局
一种Javascript事件监听的管理方法
【专利摘要】本发明涉及一种Javascript事件监听的管理方法,包括:步骤一:定义一个事件缓存,用以存放文档对象模型(DOM)事件监听内容,对应每一文档对象模型(DOM)在所述事件缓存中存放其对应的事件,各事件对应的代理函数,各代理函数需执行的实际函数;步骤二:将文档对象模型(DOM)事件监听对应的实际函数都放入事件缓存中去;步骤三:依据浏览器支持的JavascriptAPI将一个事件对应的各个所属实际函数封装成一个统一的事件操控函数作为代理函数;步骤四:当事件触发时,直接触发事件操控函数,由该函数再去执行实际函数。本发明可以监控整个页面中的事件监听情况,可以更好的管理每个元素的事件。
【专利说明】—种Javascr ipt事件监听的管理方法
【技术领域】
[0001]本发明涉及一种事件监听管理方法,尤其是一种Javascript事件监听的管理方法。
【背景技术】
[0002]不同的浏览器提供了响应的api来绑定事件,addEventListener以及attachEvent 来添加事件,removeEventListener 以及 detachEvent 来删除事件。attachEvent以及detachEvent是IE系列浏览器提供的方法(如IE6, 7, 8, 9,遨游,世界之窗等),firefox、chrome等gecko以及webkit内核的浏览器提供的就是addEventListener和 removeEventListenerο
[0003]事件绑定是支持多个函数绑定到相同的页面DOM元素,并且是可以重复绑定的,也就是相同的函数可以重复绑定,没有一个纠错方式。
[0004]
【权利要求】
1.一种Javascript事件监听的管理方法,包括: 步骤一:定义一个事件缓存,用以存放文档对象模型(DOM)事件监听内容,对应每一文档对象模型(DOM)在所述事件缓存中存放其对应的事件,各事件对应的代理函数,各代理函数需执行的实际函数; 步骤二:将文档对象模型(DOM)事件监听对应的实际函数都放入所述事件缓存中去; 步骤三:依据浏览器支持的Javascript API将一个事件对应的各个所属实际函数封装成一个统一的事件操控函数作为代理函数; 步骤四:利用代理模式,当事件触发时,直接触发所述事件操控函数,由该函数再去执行存放在所述事件缓存中的所述实际函数。
2.根据权利要求1所述的一种Javascript事件监听的管理方法,其特征在于所述步骤四中所述实际函数可以为一个以上,所述事件操控函数在执行多个所述实际函数时,根据进入所述事件缓存的顺序,按先进先出的原则依次执行。
3.根据权利要求1所述的一种Javascript事件监听的管理方法,其特征在于在为所述文档对象模型(DOM)添加事件时,先将事件对应的实际函数经过代理包装后存放在所述事件缓存中,更新作为代理函数的所述事件操控函数,然后将包装后的所述事件操控函数和文档对象模型做关联。
4.根据权利要求3所述的一种一种Javascript事件监听的管理方法,其特征在于在将所述实际函数存放到所述事件缓存之前,先判断是否已经存在该函数,不存在则进行存入动作,不存在则不进行存入动作。
5.根据权利要求1所述的一种Javascript事件监听的管理方法,其特征在于在取消事件绑定时,先从所述事件缓存中拿到之前存放进去的所述实际函数,然后将所述实际函数跟文档对象模型(DOM)解除绑定,最后将所述实际函数从所述事件缓存中清理出去。
6.根据权利要求1、2、3、4或5所述的一种Javascript事件监听的管理方法,其特征在于所述Javascript事件监听的管理方法还包括事件监听管理步骤,通过分析所述事件缓存中的内容,列出文档对象模型(DOM)已经绑定的事件函数、事件名称信息列表,提供用户查询。
【文档编号】G06F9/44GK103885757SQ201210556711
【公开日】2014年6月25日 申请日期:2012年12月20日 优先权日:2012年12月20日
【发明者】杨飞, 陈寄文 申请人:上海明想电子科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1