event.srcElement : 이벤트가 발생한 개체를 반환/설정
event : document 에서 발생하는 이벤트 자체를 가르킨다
srcElement : 이벤트가 발생된 document 내의 객체이다.
event.srcElement를 사용해서 동일한 함수를 가지고 여러가지 이벤트를 감지하는 방법
하나의 함수만으로 어느곳에서 발생한 값인지 알수 있다.
[예제]
<html>
<head>
<script language="javascript">
function test()
{
//버튼 클릭시 호출하는 함수 이름은 같고 어떤 버튼을 클릭했는지 확인.
//id는 id값을 가져오고, name은 name값을 가져온다
//alert(event.srcElement.id);
//alert(event.srcElement.name);
//개체를 반환한다.
//alert(event.srcElement);
//태그이름을 가져온다.
//alert(event.srcElement.tagName);
//className을 가져온다.
//alert(event.srcElement.className);
//스타일적용
//event.srcElement.style.color="red";
}
</script>
</head>
<body>
<input type="button" value="클 릭" id="btn1" name="b1" onclick="test();" class="c1">
<input type="button" value="클 릭" id="btn2" name="b2" onclick="test();" class="c2">
<input type="button" value="클 릭" id="btn3" name="b3" onclick="test();" class="c3">
</body>
</html>
'Web > JavaScript' 카테고리의 다른 글
| 나눔고딕사용 (0) | 2013.07.29 |
|---|---|
| 구글차트 (0) | 2013.07.25 |
| 웹 웹에서 테스트 (0) | 2013.07.25 |
| 자바스크립트 이벤트 목록 (0) | 2013.07.14 |
| 자바스크립트 텍스트 유효성 검사 (0) | 2013.07.14 |