DayPilot.Scheduler.onEventMouseEnter

The onEventMouseEnter event handler fires when the cursor enters the Scheduler event element.

Declaration

DayPilot.Scheduler.onEventMouseEnter(args)

Parameters

• args.div - the event element

• args.e - event object (DayPilot.Event)

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  onEventMouseEnter: (args) => {
    args.div.style.outline = "1px solid #3c78d8";
  },
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  onEventMouseEnter: (args) => {
    args.div.style.outline = "1px solid #3c78d8";
  },
  // ...
};

React

<DayPilotScheduler
  onEventMouseEnter={onEventMouseEnter}
  {/* ... */}
/>

const onEventMouseEnter = (args) => {
  args.div.style.outline = "1px solid #3c78d8";
};

Vue

<DayPilotScheduler
  @eventMouseEnter="onEventMouseEnter"
  <!-- ... -->
/>

const onEventMouseEnter = (args) => {
  args.div.style.outline = "1px solid #3c78d8";
};

See Also

DayPilot.Scheduler.onEventMouseLeave

DayPilot.Scheduler Class