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

一个简单的javascript事件监听的例子

2010-08-29 14:27 639 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<script type="text/javascript">

function dos()

{

var p=document.getElementById("liebiao");

//window.obj=p.firstChild;

//document.writeln(p.lastChild.innerHTML);

for(obj=p.firstChild;typeof(obj)!=p.lastChild;obj=obj.nextSibling)//加了typedef函数是为了兼容FireFox

{

//alert(this.obj.innerHTML);

//alert(obj.innerHTML.toString());

addevent(this.obj,'click',oT);

}

}

function addevent(obj,etype,callback)

{

if(obj.attachEvent)

{

obj.attachEvent('on'+etype,callback);

}

else if(obj.addEventListener)

{

obj.addEventListener(etype,callback,false);

}

else

{

obj['on'+etype]=callback;

}

}

var oT = function()

{

var oEvent = arguments[0];

var oTarget = oEvent.target || oEvent.srcElement;

alert(oTarget.tagName+'/n'+oTarget.innerHTML+'/n'+oEvent.type);

}

</script>

</HEAD>

<BODY onload="dos()">

<ul id="liebiao">

<li>1</li>

<li>2</li>

<li>3</li>

<ul>

</BODY>

</HTML>

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

标签：

相关文章推荐

新的分享

章节导航