事件对象
来源:互联网 发布:固定收益部 收入 知乎 编辑:程序博客网 时间:2024/06/13 20:57
事件对象有两个比较重要的属性:事件类型、目标元素;
—事件类型有onclick、onmouseover等;
—目标元素就是dom节点,指的是谁触发的事件。
1)获取事件类型:event.type
2)获取目标元素:
—非IE下:event.target;
—IE下:event.srcElement;
3)阻止默认行为:
—非IE下:event.preventDefault();
—IE下:event.returnValue=false;
4)阻止事件冒泡:
—非IE下:event.stopPropagation();
—IE下:event.cancelBubble=true;
5)跨浏览器兼容代码:
var eventUtil={//获取事件对象getEvent:function(event){ return event?event:window.event;},//获取事件类型getType:function(event){ return event.type;},//获取执行事件的目标元素getTarget:function(event){ return event.target||event.srcElement;},//禁用默认行为preventDefault:function(event){ if(event.preventDefault){ event.preventDefault();//非IE }else{ event.returnValue=false;//针对IE }},//阻止传播冒泡stopPropagation:function(event){ if(event.stopPrapagation){ event.stopPropagation();//非IE }else{ event.cancelBubble = true;//针对IE }}
阅读全文
0 0
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象。
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 事件对象
- 22.odoo入门——工作杂记
- myBatis总结
- Unity入门操作_生成有序图案_008
- Android中WebView点击事件的拦截跳转到原生的界面
- pd.value_counts(db)
- 事件对象
- ${sessionScope.user}的使用方法
- 编译多核大内存openwrt版本
- hdu 6156 Palindrome Function 数位DP
- OCLint的部分规则(Redundant 部分)
- CSS的position属性:relative和absolute
- 面向对象的特点
- 集成学习
- 爬虫框架--Scrapy学习笔记一