JQuery 소스에서 뻬서 만든 함수입니다.
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>
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 바람부는데로

, , , ,
Response
No Trackback , No Comment
RSS :
http://apmusers.com/tt/dbckdghk/rss/response/81

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

« Previous : 1 : ... 27 : 28 : 29 : 30 : 31 : 32 : 33 : 34 : 35 : ... 87 : Next »

블로그 이미지

유창화의 블로그(사진은 10년전 모습)

- 바람부는데로

Archives

Calendar

«   2010/09   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

이올린 추천글

Site Stats

Total hits:
176074
Today:
49
Yesterday:
129