MVC.Controller.Action.EnterLeave API

MVC.Controller.Action.EnterLeave, static, init, match, mouseenter, mouseleave

Inherits: MVC.Controller.Action.Event

Mouseover and Mouseout sometimes cause unexpected behavior when using nested elements. Mouseenter and mouseleave will only be called when a mouse enters or leaves an element even if it moves over nested elements.

Example

TasksController = MVC.Controller.extend('tasks',{
  mouseenter : function(params){ params.element.style.background = "red" },
  mouseleave : function(params){ params.element.style.background = "" }
})

Install

include.plugins('controller/hover')

Static Methods

init

init(action_name, callback, className, element, action, f, controller) -> undefined

Sets up the new action to be called appropriately

action_name {} -

callback {} -

className {} -

element {} -

action {String} -

f {Function} -

controller {MVC.Controller} -

match

matches "(.*?)\\s?(mouseenter|mouseleave)$"

mouseenter

mouseenter() -> undefined

Attaches a mouseover event, but checks that the related target is not within the outer element.

mouseleave

mouseleave() -> undefined

Attaches a mouseout event, but checks that the related target is not within the outer element.

Documentation