javascript - 如何在某些事件上调用 HTML 元素中的原型(prototype)函数？

Question

我在第一个原型(prototype)函数中有日历构造函数和两个原型(prototype)函数，我正在创建 div 元素并创建它的属性 ondragstart我想在它的第二个参数 var that = this; that.drag(event) 中调用另一个原型(prototype)函数，但是当它渲染时它显示 <div ondragstart="that.drag(event)">控制台给出错误 that is not function 。在这种情况下如何调用原型(prototype)函数？请举例说明，谢谢。

 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);
};