js事件中的event对象
2024-10-12 07:20:37
addEvent(oDiv,"click",function(event){
console.log(event.bubbles+"事件是否冒泡");
console.log(event.cancelable +"是否可以取消默认行为")
console.log(event.defaultPrevented+"DOM3新增,是否已经调用了preventDefault()");
console.log(event.target);//+"当前发生事件的对象"@ IE中为 event.srcElement
console.log(event.currentTarget)//+"绑定的事件对象"
console.log(event.detail)//与事件相关的细节信息(不知道有什么用。。)
console.log(event.type);//发生了什么事件
console.log(event.eventPhase);//用于判断事件是否是冒泡进来的:返回1:表示捕获阶段;2表示处于目标;3表示冒泡进来的
event.preventDefault();//阻止默认事件@ IE8及以下 中函 直接在函数中return false
event.stopPropagation();//阻止冒泡@ IE8及以下 中 event.cancelBubble=true; console.log(eventFn.getTarget(event)); }); function addEvent(obj,ev,fn){ if(obj.attachEvent)
{
obj.attachEvent("on"+ev,fn);
}
else
{
obj.addEventListener(ev,fn,false);
} }
event.srcElement是IE下的属性
event.target是Firefox下的属性
Chrome浏览器同时有这两个属性 -------------------------------------------------------
兼容的event对象 冒泡 阻止默认事件。。 用法
eventFn.getTarget(event)
var eventFn = { getEvent:function(event){
return event?event:window.event;
},
getTarget:function(event){
return event.target||event.srcElement;
},
preventDefault:function(event){
//阻止默认事件
if(event.preventDefault())
{ event.preventDefault();
}
else
{
event.returnValue = false;
} },
stopPropagation:function(event){
//阻止冒泡
if(event.stopPropagation())
{
event.stopPropagation();
}
else
{
event.cancelBubble = true;
} } }
最新文章
- 不太被人提起的%%lockres%%的妙用
- Android开发自学笔记(Android Studio)—4.1布局组件
- powerdesigner新建模型教程
- 什么是BOM头
- jQuery 遍历(上)
- Hadoop-2.6.0 集群的 安装与配置
- 解决vim无法返回上次的位置
- Linux下mysql数据库root无法登录的情况
- JS基于时间戳写的浏览访问人数
- Topcoder SRM 637 (Div.2)
- iOS蓝牙4.0协议简单介绍
- 大页内存(HugePages)在通用程序优化中的应用
- 委托初级篇——lambda表达式的推导
- io复用select方法编写的服务器
- thinkphp 参数传递方式(基础)
- mysql知识积累
- 微软IE团队发布《逃离XP》浏览器小游戏
- kernel 3.10内核源码分析--TLB相关--TLB概念、flush、TLB lazy模式 【转】
- SQL---->;mySQl卸载for mac
- 20155319 2016-2017-2 《Java程序设计》第十周学习总结