JQuery UI Selectable - delay the lasso (selection rectangle) -

1. When you click on a selected element that only holds on the ctrl, it will be unselected.
2. Elements are "caught" with "light" (selection rectangle), however, while adding ctrl, it is added to selection. (Instead of expecting an XOR mode)

Now if you like 1. To do this, but accidentally the mouse will run a bit, a lasso will be made and 2. - Pure Impact: Nothing. This is troubling, especially when selectable elements are very large and Guinea is not fully responsive.

I can imagine two ways to avoid it, that is,

• mention XOR mode
• the minimum distance before the start of the lasers < / Li>

I am open to any approach (even new), as long as it comes with implementation. / P>

You can use the selection and options to avoid triggering with unwanted small mouse movements.

Delay :

Time in milliseconds to define selection on startup. This helps prevent unwanted selection when clicking on an element.

Distance :

Tolerance, in pixels, if specified, will not start until the mouse pulls beyond specified distance go. For example:

  $ (" # selectable "). Selection ((Delay: 30, Distance: 30});  

  #selectable {list-style: None;} # selectable li {width: 100px; height: 30px;} #selectable .ui-selectee {background: #ccc;} #selectable .ui-select {background: dodgerblue;} #selectable .ui-selected {background : Royal;}  

  & lt; link href = "// code.jquery.com/ui/ 1.11.2 / theme / lube / jquery-ui.css "rel =" stylesheet "/>