当前位置:首页 > 日记 > 正文

JS事件添加和迁移的兼容性示例

JS事件添加和迁移的兼容性示例
本文演示JS事件添加和迁移的兼容性:
无功eventutil = { {
AddHandler:功能(元素、类型、处理{)
如果(元。addEventListener){
element.addeventlistener(类型、处理程序、错误);
} else if(元。attachevent){
element.attachevent(+型,处理程序);
{ }人
元素+类型=处理程序;
}
},
匀:功能(事件){
返回事件:window.event;
},
PreventDefault:功能(事件){
如果(事件。preventDefault){
Event.preventDefault();
其他{ }
event.returnvalue = false;
}
},
RemoveHandsler:功能(元素、类型、处理){
如果(元。removeEventListener){
element.removeeventlistener(类型、处理程序、错误);
} else if(元。detachevent){
element.detachevent(+型,处理程序);
其他{ }
元素+类型=处理程序;
}
}
里面的功能(事件){
如果(事件。里面){
event.stoppropagation();
{ }人
event.cancelbubble =真;
}
},
取得相关的目标:功能(事件){
如果(事件。relatedtarget){
返回event.relatedtarget;
} else if(事件。toelement){
返回event.toelement;
} else if(事件。fromelement){
返回event.fromelement;
{ }说
返回null;
}
},
GetButton:功能(事件){
如果(document.implementation.hasfeature(鼠标事件来
返回event.button;
其他{ }
开关(事件按钮){
案例0:
案例1:
案例3:
案例5:
案例7:
返回0;
案例2:
案例6:
返回2;
案例4:
返回1;
}
}
}
};

其中,AddHandler和removehandsler会对DOM2方法存在的第一种方法。输入元素检测如果有DOM2方法,使用方法:输入事件类型、事件处理函数第三参数假(表示冒泡阶段如果有IE)。该方法在当时采用了第二种方案。事件类型必须添加到前缀上。最后一种可能是用做的方法(不应执行这里的代码在现代浏览器)。此时,我们正在使用为事件处理程序指定的方括号语法属性名称,或者将属性设置为null。

eventutil对象可以用如下:
VaR建立document.getelementbyid(mybtn );
var处理器=函数(){()
警报(单击);
};
EventUtil.addHandler(按钮,点击
省略其他代码
EventUtil.removeHandler(按钮,点击

更多有关Javascript相关内容的读者可以看到特别站:Javascript切换效果和技巧摘要

希望本文能对javascript程序设计有所帮助。

相关文章

超级质感3D图标设计图

超级质感3D图标设计图

图标,3D,设计图,质感,电脑软件,今天我想和大家分享一组超感3D图标设计作品,非常不错。对于那些学习UI设计的人,您可以参考本文,或向他们学习。好,让我们学习。 以上是超级质感的3D图标设计欣赏,希望能给这些作品带来一些启示和启示!…

WPS如何在组织结构图中生成WPS文本

WPS如何在组织结构图中生成WPS文本

文本,教程,组织结构,图中,如何在,你知道WPS是如何制定组织结构图的吗我们让小编辑告诉你WPS是如何组织组织图的,我希望它能对你有所帮助。 用WPS编制组织结构图的方法 首先,右击桌面鼠标,单击{ },选择新幻灯片幻灯片。 WPS制作组织结构图的…

如何使用WPS制作课程表WPS文本教程

如何使用WPS制作课程表WPS文本教程

教程,文本,课程表,如何使用,电脑软件,WPS是一个功能强大的办公软件。我们经常用WPS来制定时间表。对于新手,我们可能不知道具体的操作。让萧边告诉你如何使用WPS制作时间表。 用WPS制作课程表的方法 1首先构建一个新的WPS文档 2计算你的时…

PS图象处理软件出品的优雅可爱的塑

PS图象处理软件出品的优雅可爱的塑

笔画,图象,出品,处理软件,优雅,本课程并不是全部的文字介绍,而是制作类似的文本插图,包括背景和一些辅助装饰件的制作,需要整体协调完成,效果非常完美。 最终效果 1。构建一个新文档,填充渐变。 2,用笔随意地画出这条路。 3、右键单击mdash;脑卒…

PS图象处理软件制作了一个非常生动

PS图象处理软件制作了一个非常生动

喇叭花,图象,处理软件,生动,美丽,有很多设计教程,但这是现实主义风格,整体效果非常接近实际效果,所以制作难度更大,尤其是花瓣上的折叠部分,需要仔细应用。 最终效果 1,构建一个新的800×600像素文件。背景是白色的。创建一个新层称为。花的轮廓…

ps可变形工具修改和文本大小。

ps可变形工具修改和文本大小。

变形,工具,文本,修改,大小,很多图片都是用文字写的,但是如果大小不合适,可以修改,下一步是担心如何使用ps修改图片文本大小的一些信息,供大家参考。 ps可变形工具修改图片和文本大小。 选择文本层,然后按Ctrl + T,此时文本将被框起来。然后按住Sh…

这是更直观的使用连字符和书的名字

这是更直观的使用连字符和书的名字

字符,这是,直观,名字,电脑软件,有文章介绍emeditor 使用正则表达式;添加大量的书的名字,但我觉得很难用这种方法替换字符,因为它不直观,表达很难掌握,和窑是容易出错。此外Excel字符方法更为直观和简单的。 用记事本或字的小册子会打开文件需要…

PS鼠标画超级可爱可爱卡通卡通绿色

PS鼠标画超级可爱可爱卡通卡通绿色

鼠标,卡通,小猪,超级可爱,可爱,本教程主要是给朋友PS鼠标画的卡通图标超级可爱可爱的绿色小猪,教程也不是很难,图标画家很漂亮,推荐看看! 以上是PS鼠标画的超级可爱可爱卡通卡通小猪图标介绍,什么也不是很可爱啊,爱的朋友赶快学习吧!…

PS图象处理软件创造的真实和精美的

PS图象处理软件创造的真实和精美的

创造,刺绣,图象,处理软件,精美,文本的设计应该是平面设计中非常重要的一个环节,虽然这种网络课程的产品质量好,汗牛充栋;可以是真实的还是少之又少,小编在此与你分享设计班门弄斧,以前的一些经验,也算借花献佛。 最终效果: 源材料uff1a 步骤1:后台…

ps中文本排版对齐的方法

ps中文本排版对齐的方法

文本,方法,对齐,电脑软件,ps,经常使用ps的单词需要知道很多调整技巧,所以我们必须熟练地使用文本工具。你知道如何调整ps中的字符吗以下是如何调整ps中的文本以便您查看。 ps中文本排版对齐的方法 词对齐 点击切换到段落面板,左边的第一排是…

对同一代元素使用情况的示例分析

对同一代元素使用情况的示例分析

情况,元素,示例,电脑软件,本文的示例告诉jQuery兄弟们使用同一代元素的用法: jQuery兄弟姐妹用于获取匹配集中每个元素的同胞。 Grammar: 兄弟姐妹(选择器) 注意:以后的可选参数选择器(选择器)可以进行进一步的筛选。 实例: 找到所有各部节点…

建造PPT的秘密

建造PPT的秘密

秘密,电脑软件,PPT,最近几份报纸,你也很好的ppt!我只是有这个问题需要咨询贵公司,我会做新的宣传PPT,导致我们的一些新建议,提交自己的想法,我的学校还没有联系的宣传PPT,如何得到它。 因为它是一个新人,没有旧思想,你可以随意提出建议。至于这个想…