-
- 慕粉1724599673 2021-01-28
- 事件对象的获取，类型，阻止冒泡，阻止默认等，兼容方法
-
截图0赞 · 0采集
-
- 慕容7322432 2021-01-26
E和其他浏览器事件对象区别
-
截图0赞 · 0采集
-
- 慕容7322432 2021-01-26
IE8浏览器处理event兼容，取window.event- 0赞 · 0采集
-
- 如花慕少 2020-04-03
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<script src="event.js"></script><!--封装一个DOM0,DOM2,IE事件-->
<script src="script.js"></script><!--封装一个DOM,IE的event事件对象-->
<body>
<div id="box">
<input type="button" value="HTML事件" id="btn" onclick="showMes()">
<input type="button" value="DOM0事件" id="btn2">
<input type="button" value="DOM2事件" id="btn3">
<input type="button" value="IE事件" id="btn4">
<a href="26.html" id="go">跳转</a>
</div>
<script type="text/javascript">
</script>
</body>
</html>
- 0赞 · 0采集
-
- 如花慕少 2020-04-03
window.onload=function(){
var go=document.getElementById("go"),
box=document.getElementById("box");
eventutil.addhandler(box,'click',function(){
alert("我是整个父盒子");
});
eventutil.addhandler(go,'click',function(e){
e=eventutil.getEvent(e);
//e=e || window.event;
alert(eventutil.getElement(e).nodeName);
eventutil.preventDefault(e);
eventutil.stopPropagation(e);
});
}
- 0赞 · 0采集
-
- 如花慕少 2020-04-03
var eventutil={
//添加句柄
addhandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}else{
element['on'+type]=handler;
}
},
//删除句柄
removehandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}else{
element['on'+type]=handler;
}
},
//获取事件
getEvent:function(event){
return event?event:window.event;
},
//获取类型（虽然类型不存在IE非IE）
getType:function(event){
return event.type;
},
//获取事件目标
getElement: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;
}
}
}
- 0赞 · 0采集
-
- w乐w 2020-02-18
type 事件属性 target 事件目标 stopPropagation() 阻止事件冒泡 preventDefalut() 阻止事件默认行为
- 0赞 · 0采集
-
- 緣来 2019-06-26
IE中 阻止事件冒泡和阻止事件默认行为都是 属性，不是方法
-
截图0赞 · 0采集
-
- 慕斯卡2268586 2019-06-18
IE 和其他浏览器是有区别的
- 0赞 · 0采集
-
- 昼夕 2019-02-20
IE 中的事件对象
type 属性：获取事件类型
srcElement属性：获取事件目标
cancelBubble属性：阻止事件冒泡
returnValue属性：阻止事件的默认行为
- 1赞 · 0采集
-
- 虚伪的微笑Smile 2019-02-14
事件对象的常用属性：
1. type 事件类型 例如 "click',Dom对象是 click IE对象是 onclick
2.
事件对象的重要方法：
组织冒泡(点击按钮时 不触发父节点 例如div body的单击事件)
禁止元素默认行为 例如 超链接事件的跳转到网页功能,禁止后单击超链接不在跳转网页
-
截图0赞 · 0采集
-
- 慕圣6698645 2019-01-10
DOM中的事件对象与IE的事件对象
-
截图0赞 · 0采集
-
- 慕圣6698645 2019-01-10
- IE的事件对象
-
截图0赞 · 0采集
-
- qq_北巷不夏_1 2018-12-21
IE 中的事件对象
type 属性：获取事件类型
srcElement属性：获取事件目标
cancelBubble属性：阻止事件冒泡
returnValue属性：阻止事件的默认行为
- 0赞 · 1采集
-
- gilzhao 2018-09-09
IE 中的事件对象
type 属性：获取事件类型
srcElement属性：获取事件目标
cancelBubble属性：阻止事件冒泡
returnValue属性：阻止事件的默认行为
-
截图0赞 · 1采集
-
- gilzhao 2018-09-09
兼容性
...
event = event || window.event
var ele = event.target || event.srcElement
...-
截图0赞 · 1采集
-
- 鸩荼 2018-08-17
本节主要内容- 0赞 · 0采集
-
- 鸩荼 2018-08-17
if(event.stopPropagation)千万不能写成 if(event.stopPropagation（）)
此处是以属性的形式进行判断。
- 0赞 · 0采集
-
- 鸩荼 2018-08-17
此处的event是非IE浏览器的事件对象
具体指？
return event？event:window.event;
三元运算符 ？作用是判断？前的语句是否为真,为真则执行中间的语句,否则执行后面的语句
- 0赞 · 0采集
-
- 94_Alex 2018-08-07
ie 中的事件对象
1 type属性用于获取事件类型
2 srcElement属性 用于获取事件的目标
3 cancelBubble属性 用于阻止事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡
4 returnValue 属性 用于阻止事件的默认行为 设置为false 表示阻止事件的默认行为
- 1赞 · 0采集
-
- 风233 2018-07-19
兼容ie8之前
-
截图0赞 · 0采集
-
- Sandaydi 2018-06-29
IE中事件对象
-
截图0赞 · 0采集
-
- qq_Rainy小迪_0 2018-06-25
以属性进行判断if（event.stopPropagation）{}
- 0赞 · 0采集
-
- qq_Rainy小迪_0 2018-06-25
在IE中的事件对象几乎都是属性
-
截图0赞 · 0采集
-
- qq_Rainy小迪_0 2018-06-25
非IE的事件对象用event，IE8之前用window.event
dom中和ie中的event属性，比如获取dom中的事件目标event.target,在ie中则要用event.srcElement
-
截图0赞 · 0采集
-
- qq_银色水晶瓶_0 2018-06-12
- 前面实例的调用
-
截图0赞 · 0采集
-
- qq_银色水晶瓶_0 2018-06-12
- 兼容实例啊
-
截图0赞 · 0采集
-
- qq_银色水晶瓶_0 2018-06-12
IE的事件对象
-
截图0赞 · 0采集
-
- qq_捂着心脏说胃疼_0 2018-05-19
dom中和ie中的event属性，比如获取dom中的事件目标event.target,在ie中则要用event.srcElement
-
截图1赞 · 0采集
-
- AtlantisKing 2018-05-18
三、事件对象
1、IE中的事件对象
（1）、type属性 用于获取事件类型
（2）、srcElement属性 用于获取事件的目标
（3）、cancelBubble属性 用于阻止事件冒泡
（4）、returnValue属性 用于阻止事件的默认行为
- 0赞 · 0采集
