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

JS 一个函数处理多个事件

2015-01-11 15:20 330 查看
<script type="text/javascript">
window.onload = function() {
//this指向注册这个事件元素
/**
document.getElementById("testBtn").onclick = function(event) {
alert(event);
alert(event.target);
alert(this);
alert(event.currentTarget);
alert(this === event.currentTarget);
}
*/
var btnNode = document.getElementsByTagName("input").item(0);
var handler = function(event) {
switch (event.type) {
case "click":
alert("clicked");
break;
case "mouseover":
event.currentTarget.style.backgroundColor = "red";
break;
case "mouseout":
event.currentTarget.style.backgroundColor = "";
break;
}
};
btnNode.onclick = handler;
btnNode.onmouseover = handler;
btnNode.onmouseout = handler;
};
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐