[jQuery] event.data trigger - 이벤트 데이터 전달

// 이런 형식으로 이벤트 trigger
var e = jQuery.Event( "click" );
$( "body" ).trigger( e );
 
 
var e = jQuery.Event( "keydown", { keyCode: 64 } );
$( "body" ).trigger( e );
 
 
    
//trigger시점에 핸들러함수 매개변수로 data전달
$("#btn1").click(function(event, data) {
 
    console.log(event);
    console.log(event.isTrigger);  
    console.log(data.foo);         
    console.log(data.bar);         
 
}).trigger("click", {"foo":"1234", "bar":"이순신"});  
 
 
 
//click 바인딩시점에 데이터 초기화
$('#btn2').on('click', { msg: 'hello'}, function(event) {
    console.log(event.data.msg);
});
 
 
 
//사용자 이벤트 생성후  Event Object 넘기기
$("#btn3").on("logged.foo",function(event){
   console.log(event);
   console.log(event.namespace);
   console.log(event.user);
   console.log(event.pass);
});        
 
 
var event = jQuery.Event("logged.foo");
    event.user = "홍길동";
    event.pass = "12345";
    
$("#btn3").trigger(event);