티스토리 뷰

Developer

[jQuery] event로 화면제어

rocksea 2013. 1. 23. 14:34

web client쪽 작업을 할일이 없었는데 누군가 도움을 청해서 다시 몇년간 손놓았던 javascript와 css를 공부하고있습니다 ^^;;

이벤트를 이용하여 node name을 추출하여 화면을 제어할 경우에 대한 방법을 jQuery에 있나 찾던중 역시나 있어서 글을 올려봅니다. ( jQuery api 사이트에가면 다있더군요. )

<html>
<head>
  <style>
span, strong, p {
  padding: 8px; display: block; border: 1px solid #999;  }
    </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div id="log"></div>
<div>
  <p>
    <strong><span>click</span></strong>
  </p>
</div>

<script>

$("body").click(function(event) {
  $("#log").html("clicked: " + event.target.nodeName);
}); 
 </script>

</body>
</html>



예전에 jQuery가아닌 일반 javascript에서도 구현했던 적이 있었는데 까먹어서 생각난김에 plain javascript에서의 구현방법도 올려봅니다.

document.onclick = function(e){

alert(event.srcElement.tagName)

}


이상 간단하지만 머리가 녹슨관계로 블로그에 정리해서 다음에 누군가에 또 도움을 주기위해?  글을 마칩니다.

누군가에게 소중한 TIP이 되길 바라며.

.by rockssea


'Developer' 카테고리의 다른 글

[Transaction] DB Transaction 설정  (0) 2013.01.31
[jQuery] image slider  (0) 2013.01.23
[ SelectKey ] select와 insert 다중처리.  (0) 2013.01.18
[ netty ] 1024byte 이상의 data 전송시 문제.  (2) 2013.01.15
[svn] SSL Handshaking failed.  (0) 2013.01.14
댓글