JQuery erhalten Element in einer setTimer Funktion

Question

Ich habe ein Ereignis für Click-and-Hold auf einem dynamischen Element

var timeoutId = 0; 
    $(document).on('mousedown', '.createbtn', function(){ 
     timeoutId = setTimeout(showNewInfoCreateDlg, 1000); 
    }).on('mouseup mouseleave', '.createbtn', function() { 
     clearTimeout(timeoutId); 
    }); 

und die Funktion "showNewInfoCreateDlg" ich wissen muss, was die ID des Elements dass angeklickt wurde-und-gehalten

function showNewInfoCreateDlg(){ 
     alert($(this).attr('id')); 
    } 

die Funktion der Benachrichtigung "undefiniert"

Hier ist die jsfiddle für mein Problem:

JsFiddle

Answer 1

Explizit bindet es an die Funktion:

var timeoutId = 0; 
$(document).on('mousedown', '.createbtn', function(){ 
    timeoutId = setTimeout(showNewInfoCreateDlg.bind(this), 1000); 
}).on('mouseup mouseleave', '.createbtn', function() { 
    clearTimeout(timeoutId); 
}); 

Zur Klarstellung: Die bind() Funktion wird, gut, den Wert seines ersten Arguments der this Variable innerhalb showNewInfoCreateDlg binden. Dies wird explizite Bindung genannt.