Disabling ctrl-click on jquery ui selectable

Question

I was wondering if there is an option on the jQuery UI Selectable that will let me disable the Ctrl+Click, but still keep the draggable for the multiple selection. On my project I want to be able for people to select multiples, but only by dragging, not by Ctrl+clicking.

If there isn't, does anyone know a way I can achieve this?

Any information would be really helpful! :) Thanks!!!

score 12 · Accepted Answer · edited May 06 '15 at 13:27

12

Selectable uses the metaKey flag to do multi-select, so you can bind metaKey to be false on the mousedown before calling selectable. Then Ctrl+click will always be off. Make sure to bind before calling selectable though.

$('#selectable').bind("mousedown", function (e) {
            e.metaKey = false;
 }).selectable()

jsFiddle here

edited May 06 '15 at 13:27

Abhishek

6,912
14
59
85

answered Apr 01 '11 at 19:28

EvilAmarant7x

2,059
4
24
33

Thank You So Much!! :) I've been searching for this for days. hehe. – typefasterjoel Apr 01 '11 at 19:45
3

Just in case someone (like me) get's here and is trying to implement the opposite (allow multi select without ctrl) - do `e.metaKey = true;` – Mike Szyndel Jul 23 '13 at 09:53

score 3 · Answer 2 · edited May 23 '17 at 10:28

There is another usage of this good solution above - if you want to be able to just use your mouse click to do all the selecting/unselecting, without the need for holding the Ctrl for multiselects or for unselects - just always set the e.metaKey from EvilAmarant7x's example to true. It was exactly what I needed.

Edit: apparently someone already thought of that: Implement multiple selects with jQuery UI Selectable :)

score 2 · Answer 3 · answered Apr 18 '14 at 07:22

2

$("#selectable").on("selectablestart", function (event, ui) {
event.originalEvent.ctrlKey = false;
});

answered Apr 18 '14 at 07:22

BZC

456
6
15

Disabling ctrl-click on jquery ui selectable

3 Answers3

Linked