.move()

  • function
FuncUnit.prototype.move  

move(options [,success])

Moves an element into another element or coordinates. This will trigger mouseover mouseouts accordingly. This takes the same parameters as [syn.prototype.move move].

Parameters

  1. options {String | Object}

    A selector or coordinates describing the motion of the move.

    Options as a Selector
    Passing a string selector to move the mouse. The move runs to the center of the element matched by the selector. The following moves from the center of #foo to the center of #bar. 
    F('#foo').move('#bar')

  2. success {function()}Optional

    a callback that runs after the drag, but before the next action.

Returns

{funcUnit}

returns the funcunit object for chaining.

Options as Coordinates
You can pass in coordinates as clientX and clientY: 
F('#foo').move('100x200')

Or as pageX and pageY

F('#foo').move('100X200')

Or relative to the start position

F('#foo').move('+10+20')
Options as an Object
You can configure the duration, start, and end point of a move by passing in a json object. 
//drags from 0x0 to 100x100 in 2 seconds
F('#foo').move({
  from: "0x0",
  to: "100x100",
  duration: 2000
})