js 事件对象

来源：互联网发布：备份表的sql语句编辑：程序博客网时间：2024/06/06 09:48

event对象

event.clientX

event.clientY

eg:

window.onload=function(){

alert(event.clientX);//event是IE下的写法

}

//火狐下：

window.onload=function(ev){

alert(ev.clientX)

}

兼容写法：

window.onload=function(ev){

var oEvent=ev||event;

alert(oEvent);

}

事件流

事件冒泡

取消冒泡：oEvent.cancelBubble=true;

eg:

<!DOCTYPE html>
<html lang="en">
<head>

<style type="text/css">
#div{background-color: silver;height: 250px;width: 250px;display:none;}
</style>
<script type="text/javascript">
window.onload=function(){

var oDiv=document.getElementById('div');
var oBtn=document.getElementsByTagName('input')[0];
oBtn.onclick=function(ev){
var oEvent=ev||event;
oEvent.cancelBubble=true;
oDiv.style.display="block";
}
document.onclick=function(){

oDiv.style.display="none";
}
}
</script>
<meta charset="UTF-8">
<title>event对象和事件冒泡</title>
</head>
<body>
<input type="button" value="显示">
<div id="div"></div>
</body>
</html>

0 0