모두 동일한 이벤트로 테스트시 하나만
4번째 이벤트를 trigger에서 실행시킨다.
자바,jquery에서의 프로토타입
실제 클리아이언트에서 실행 하여 아주 유용한 이벤트(자주 사용 할 듯)
제한적인 것이 있다.
http://docs.jquery.com/Events 사이트에서 참고
| 01.Trigger.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>동적으로 다른 이벤트 호출</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ //[1] btn 클릭 이벤트 처리 //$('#btn').click(function()
{ alert('버튼이 클릭'); }); //[2] 페이지 로드시 버튼 클릭 //$('#my,
.hover').click(function() { alert('test'); }); //[3] one메서드 딱 한번만 실행된다. //$('#my
input[type=button]').one("click", function() { //alert('역시 버튼이 사용자에 의해서 클릭됨'); //}); //[4] bind메서드 $('#btn').bind("click", function(){
alert('버튼 클릭됨');
}); //[!] 페이지 로드시 사용자의 반응이 아닌 코드에 의해서 click 이벤트를 실행 $('#btn').trigger("click"); //실행하자마자 click 이벤트를 트리거함....
});
</script> </head> <body>
<div id="my"> <input type="button" id="btn" value="버튼" class="hover" />
</div> </body> </html> |
| 결과화면 |
[그림46-1] |
01.Trigger.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 48.jQuery - show()와 hide로 숨기기 및 보이기 ( 08.Effects ) (1) | 2009.11.12 |
|---|---|
| 47.jQuery - unbind 메서드로 이벤트 바인딩 해제 ( 07.Events ) (0) | 2009.11.12 |
| 45.jQuery - margin을 포함한 높이와 너비 구하기 ( 06.CSS ) (0) | 2009.11.11 |
| 44.jQuery - Width와 Height값 크기 구하기 ( 06.CSS ) (0) | 2009.11.11 |
| -- 현재 까지의 jQuery 소스5 -- (0) | 2009.11.11 |
Comments