如何在某個事件的HTML元素中調用原型函數？

Question

我有第一個原型函數的日曆構造函數和兩個原型函數我創建div元素並創建它的屬性ondragstart，我想調用另一個原型函數在它的第二個參數var that = this; that.drag(event)，但是當它呈現時顯示<div ondragstart="that.drag(event)">控制檯給出錯誤that is not function。在這種情況下我怎樣才能調用原型函數？請用例子來解釋，謝謝。

calendar.prototype.tbl = function(){ 
var that = this; 
var evDiv = document.createElement('div');  
evDiv.setAttribute('draggable', 'true'); 
evDiv.setAttribute('ondragstart', 'that.drag(event)'); 
} 

calendar.prototype.drag = function(ev){ 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

Answer 1

使用addEventListener：

calendar.prototype.tbl = function() { 
    var that = this; 
    var evDiv = document.createElement('div'); 

    evDiv.draggable = true; 
    evDiv.addEventListener('dragstart', that.drag); 
}; 

calendar.prototype.drag = function(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
};