如何在调整事件div的大小时影响表格单元格

Question

我创建了一个日历，现在通过单击每个单元格来制作事件系统，通过单击我创建调整大小的每个单元格并拖放div，通过将div放入另一个单元格对该单元格产生效果。在我的情况下，我只是改变可滴细胞的背景颜色。现在问题在于调整div的大小我无法对新单元格产生影响。

例如，我单击9的单元格，通过在弹出窗口中添加一些信息，我创建了当天的事件，但我想通过调整div来将该事件从9增加到11。

就像This full calendar一样。如何在调整div的大小时对新单元格起作用？

我的日历图片

我绝对不允许使用jQuery，只是纯粹的javascript。

JS

        calendar.prototype.drag = function (ev){        
        ev.dataTransfer.setData("text", ev.target.id);
        this.dragStartPoint = document.getElementById(ev.target.id).parentElement;
        }

    calendar.prototype.drop = function (ev) {
        ev.preventDefault();
        var data = ev.dataTransfer.getData("text");
        var getElem = document.getElementById(data);
        ev.target.appendChild(getElem);
        ev.target.style.backgroundColor = "darkgray";

        if ((this.dragStartPoint.children.length) < 1) {
            this.dragStartPoint.style.backgroundColor = "gray";
        }
    }

CSS

.eventDragDiv{    
    background-color: pink;
    position: absolute;
    resize: horizontal;
    overflow:auto;
    width: 125px;
    padding-left: 2px;
    margin-bottom: 2px;
    margin-bottom: 1px;
    height: 10px;
}

Answer 1

在你的js中包含这个eventLimit：false。然后根据日历中的事件调整自己。