码迷,mamicode.com
首页 > 其他好文 > 详细

事件冒泡 追加方法

时间:2014-10-22 08:42:07      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:io   ar   java   div   on   cti   ad   javascript   as   

<script type="text/javascript">
function gel(id) {return document.getElementById(id);}
window.onload = function () {
var btn = gel("txtName"); //获得按钮对象
//btn.onclick = doClick; //先为按钮对象 onclick事件 设置了一个方法 doClick
// btn.addEventListener("click", doClick, true);
// gel("divC").addEventListener("click", doClick2, true);
// gel("divB").addEventListener("click", doClick3, true);

addEvent(btn, "click", doClick);
addEvent(gel("divC"), ‘click‘, doClick2);
addEvent(gel("divB"), ‘click‘, doClick3);
}
function doClick() {
alert("1");
}
function doClick2() {
alert("doClick2");
}
function doClick3() {
alert("doClick3");
}

function addEvent(obj, eventName, callback) {
if (obj.addEventListener) {
obj.addEventListener(eventName, callback, false);
} else {
obj.attachEvent("on" + eventName, callback);
}
}
</script>
</head>
<body>
<div id="divB">
<div id="divC">
<input id="txtName" type="button" value="测试事件" /><!--onclick="doClick(event)"-->
</div>
</div>
</body>

事件冒泡 追加方法

标签:io   ar   java   div   on   cti   ad   javascript   as   

原文地址:http://www.cnblogs.com/xjt360/p/4042170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!