热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

事件模块的演变(8)

这篇为其增加几个功能1,延迟handler的执行2,handler可指定执行上下文,即有时可能需要handler内this不是HTMLEl

这篇为其增加几个功能

1,延迟handler的执行

2,handler可指定执行上下文,即有时可能需要handler内this不是HTMLElement

3,停止事件冒泡和阻止默认行为

4,阻止元素默认行为

5,停止事件冒泡


为此,将添加事件函数on的接口做了修改。第四个参数是个对象,分别可指定以下参数

E.on(el, 'click', fn, {once : // true则该handler仅执行一次delay : // handler延迟执行的时间,以毫秒为单位scope : // handler执行上下文,默认为elstopEvent : // 阻止el默认行为,停止冒泡preventDefault : // 阻止默认行为stopPropagation : // 停止冒泡
});


示例1 延迟执行

click me

function f1(){alert('Delayed 5 seconds to execution');}
E.on(d1,'click',f1, {delay : 5000
});


示例2 改变执行上下文

click me

function f2(){alert(this.name)}
E.on(d2,'click',f2, {scope : {name:'jack'}
});


示例3 handler仅执行一次

click me

function f2(){alert(this.name)}
E.on(d3,'click',f3, {once : true
});


event-v0.5.js



推荐阅读
author-avatar
活宝贝aaaaaaaaaaaaa
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有