JavaScript 이벤트 대상 및 대상 가 져 오기

2909 단어 JavaScript
자 바스 크 립 트 개발 에 서 는 어떤 사건 을 촉발 하 는 대상 을 자주 가 져 와 야 합 니 다.목표 대상 에 따라 서로 다른 업무 처 리 를 하도록 하 다.자바 스 크 립 트 를 통 해 이벤트 대상 을 가 져 오 는 것 을 보 여 줍 니 다.다음 과 같다.
 
JS 코드  
1
2
3
4
5
6
7
8
9
10window.onload =  function (){      var  obj = document.getElementById( "test" );          obj.onclick =  function (event){        // W3C event (arguments[0])        // IE event window         var  evt = event || window.event;        alert(evt);       };   }; 
 HTML 코드  
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<html>      <head>        <title>get target</title>        <script type= 'text/javascript' >           window.onload =  function (){             var  obj = document.getElementById( "test" );                 obj.onclick =  function (event) {                //                  var  evt = event || window.event;                    //                  // W3C ( IE): evt.target                // IE:evt.srcElement                var  src = evt.target || evt.srcElement;                                  //  div( h3) DIV, h3 H3                alert(src.tagName);              };           };        </script>      </head>      <body>        <div style= 'height: 200px; width: 200px; background-color: green; padding: 30px;'  id= "test" >          <h3 style= 'background-color: red;' > ......</h3>        </div>       <body>   </html>

좋은 웹페이지 즐겨찾기