鼠标悬停在fullcallendar中时如何拖动事件

Question

I want to drag event when mouse over and I tried just call trigger mousedown and mousemove but it method not worked:

var calendar = new FullCalendar.Calendar(calendarEl, {
timeZone: 'UTC',
headerToolbar: {
  left: 'prev,next today',
  center: 'title',
  right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
editable: true,
dayMaxEvents: true, // when too many events in a day, show the popover
events: 'https://fullcalendar.io/demo-events.json?overload-day',
eventMouseEnter: function(info ){ // when mouse over
    console.log('eventMouseEnter')
    $(info.el).trigger('mousedown').trigger('mousemove') // it not worked
}

});

Any help pleas, tell me how can I drag event when mouse over in FulCallendar?

https://jsfiddle.net/bemulima/2ma7dL9f/5/

Answer 1

I found solution. Maybe this not better solution but it worked with natural simulate mousedown.

eventMouseEnter: function(info ){
    console.log('eventMouseEnter')
    var evt = new MouseEvent("mousedown", {
                            view: window,
                            bubbles: true,
                            cancelable: true,
                            clientX: info.jsEvent.pageX,
                            clientY: info.jsEvent.pageY,
                            /* whatever properties you want to give it */
                        });
                        info.el.dispatchEvent(evt);
}

https://jsfiddle.net/bemulima/2ma7dL9f/7/