🔬
Selectable
  • Selectable
  • Getting Started
    • Install
    • Set Up
    • States
    • Items
    • Demos
      • Checkboxes
      • Dropzone Integration
      • Sortable Integration
  • API
    • Options
      • appendTo (deprecated)
      • autoRefresh
      • autoScroll
      • classes
      • container
      • filter
      • handle
      • ignore
      • lasso
      • lassoSelect
      • maxSelectable
      • saveState
      • throttle
      • toggle
      • tolerance
      • touch
    • Properties
    • Methods
      • add()
      • attachEvents()
      • clear()
      • deselect()
      • destroy()
      • detachEvents()
      • disable()
      • enable()
      • getItems()
      • getNodes()
      • getSelectedItems()
      • getUnSelectedItems()
      • getSelectedNodes()
      • getUnSelectedNodes()
      • getFirstSelectedItem()
      • getFirstSelectedNode()
      • init()
      • invert()
      • off()
      • on()
      • once()
      • redo()
      • refresh()
      • remove()
      • select()
      • selectAll()
      • setContainer()
      • state()
      • toggle()
      • undo()
      • update()
    • Events
      • init
      • destroyed
      • start
      • drag
      • end
      • select
      • deselect
      • selecting
      • deselecting
      • add
      • remove
      • update
      • state
      • enabled
      • disabled
Powered by GitBook
On this page
  1. API
  2. Events

drag

Fires on mousemove / touchmove.


The callback has two parameters which returns the orignal event and coordinates of the selection area (lasso) as an Object.

selectable.on("drag", function(e, coords) {

});

The coords parameter returns an Object of the following format:

{
    x1: Number, // the origin x offset
    y1: Number, // the origin y offset
    x2: Number, // the x offset from x1
    y2: Number, // the y offset from y1
}
x1,y1 (origin)
      +----------------------+
      |                      |
      |                      |
      |                      |
      |                      |
      |                      |
      |                      |
      +----------------------+
                              x2, y2 (mouse pointer)
PreviousstartNextend

Last updated 1 year ago