on을 뺀 이벤트명을 넣으면 됩니다.
function bindEvent(element, event, callback){
if (element.addEventListener)
element.addEventListener(event, callback, false);
else if (element.attachEvent)
element.attachEvent("on" + event, callback);
}
간단히 만들어본 예제입니다.
<!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="">
</head>
<body style="margin:0">
<br>
<br>
<div id='a' style="cursor:pointer">아이디 a 클릭!!!</div>
<br>
<input type='text' id='b' value='아이디 b 클릭!!!' style="cursor:pointer">
<script>
function bindEvent(element, event, callback){
if (element.addEventListener)
element.addEventListener(event, callback, false);
else if (element.attachEvent)
element.attachEvent("on" + event, callback);
}
function c(e){
var event = (window.event) ? window.event : e;
var element_Id = (event.srcElement) ? event.srcElement.id : event.target.id;
alert(element_Id + ' 클릭');
}
bindEvent(document.getElementById('a'), 'click', c);
bindEvent(document.getElementById('b'), 'click', c);
</script>
</body>
</html>
Posted by 바람부는데로




