| 标题 | 跨平台添加删除事件函数 |
| 内容 | 在前面一篇文章写了dom和ie下javascript事件处理函数/监听函数,本篇文章是对ie和dom两种处理监听函数的综合,跨平台添加删除事件函数 在讲跨平台前首先要了解一个对象.就是object实例化出来的对象,其实以前object很少看到,在这里说明一下:在创建可用在一个任务中的多个函数时,最好创建一个管理函数的对象.这就是object实例化后的对象.实例化后讲所有的函数定义到该容器内. 举例:原载于:ｆｏｒａｓｐ．ｃｎ var foraspcn = new object; foraspcn.show = function{alert(测试);} 这样show这个函数就在foraspcn里面了. 在ie和dom中添加和删除事件处理函数不同,所以要综合写一个跨平台的添加删除事件函数 添加事件处理函数:ie中用attachevent()来分配事件处理函数,在dom中用addeventhandler().我们命名跨平台的事件处理函数名为add_action() foraspcn.add_action = function(obj,action_type,action_function) { if(obj.addeventlistener) { obj.addeventlistener(action_type,action_function,false) ; } else if(obj.attachevent) { obj.attachevent(on+action_type,action_function); } else { obj[on+action_type]= action_function; } } //解释一下,obj表示对象,action_type表示添加的事件类型的名字(如click),不是事件动作(如onclick),action_function表示动作函数 实例:原载于:ｆｏｒａｓｐ．ｃｎ <div id=forasp_cn>点击试试</div> <script language=javascript> var forasp_cn_obj = document.getelementbyid(forasp_cn); foraspcn.add_action(forasp_cn_obj,click,show_click); function show_click() {alert(点击了);} </script> 删除事件处理函数:ie用detachevent()方法,dom用removeeventhandler(),我们命名跨平台的事件处理函数为del_action(); foraspcn.del_action = function(obj,action_type,action_function) { if(obj.removeeventlistener) { obj.removeeventlistener(action_type,action_function,false) ; } else if(obj.detachevent) { obj.detachevent(on+action_type,action_function); } else { obj[on+action_type]= null; } } 使用跟上面的例子一样,在此就不举例了. |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。