데이터 또는 이벤트 핸들러에서 jQuery?

Question

//generate toolbar 
var $toolbar = $(".toolbar"); 
$.each(tools, function (i, tool) { 
    $("<img>", tool).appendTo($toolbar); 
}); 
var $tools = $toolbar.find("img"); 

//define drag and drop handlers 
$toolbar.on("dragstart", "img", onDrag); 
$(".canvas").on({ 
    dragenter: false, 
    dragover: false, 
    drop: onDrop 
}); 

//handle commencement of drag 
function onDrag(e) { 
    $o = $(this).clone(); 
    var o = e.originalEvent; 
    o.effectAllowed = "copy"; 
    os = { X: o.offsetX, Y: o.offsetY }; 
} 

jQuery 설명서에 따르면 .on()의 세 번째 매개 변수는 데이터이고 네 번째 매개 변수가있는 경우 .on()의 네 번째 매개 변수는 이벤트 처리기입니다. 이 경우 onDrag이 세 번째 매개 변수이므로 데이터로 간주해야합니까? 세 번째 매개 변수가 아닌 네 번째 매개 변수로 선언해야하는 이벤트 처리기와 매우 비슷합니다. 여기에 설명을 좀 해줄 수 있을까요?

Answer 1

대괄호가있는 매개 변수는 선택 사항이므로 selector 및 data 매개 변수를 생략하면 handler이 두 번째 매개 변수가 될 수 있습니다. 주어진 마지막 매개 변수가 함수 또는 함수 참조인지 여부를 인식하는 것이 현명한 방법이며이를 처리기로 사용합니다.