您的位置：首页 > Web前端 > JavaScript

javascript如何获取触发事件的对象

2013-12-25 19:56 537 查看

javascript如何获取触发事件的对象:
由于事件冒泡显现的存在，所以有时候有时候触发事件的对象和注册事件处理函数的对象并不是一个，而在实际应用中往往要获取触发事件的对象，下面就通过实例代码介绍一下如何获取触发事件的对象。
代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
*
{
margin:0px;
padding:0px;
}
#box
{
margin:100px;
width:300px;
height:300px;
background:blue;
}
ul{list-style:none}
ul li
{
width:150px;
height:30px;
margin-top:5px;
background:green;
}
</style>
<script type="text/javascript">
function myfunction(ev)
{
var ev=ev?ev:event;
var obj=ev.srcElement?ev.srcElement:ev.target;
alert(obj.id);
}
window.onload=function()
{
var box=document.getElementById("box");
box.onclick=myfunction;
}
</script>
</head>
<body>
<div id="box">
<ul>
<li id="蚂蚁部落一">蚂蚁部落一</li>
<li id="蚂蚁部落二">蚂蚁部落二</li>
<li id="蚂蚁部落三">蚂蚁部落</li>
</ul>
</div>
</body>
</html>

原文地址:http://www.softwhy.com/forum.php?mod=viewthread&tid=9780

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 实例 utf-8 function 对象

相关文章推荐

新的分享

章节导航