JQuery selecionável apenas com atalho

Question

Quero deixar o usuário selecionar quando a tecla Shift é mantida.

$("#div").selectable({
        start: function(st) {
            $(window).keydown(function(e){
                if(!e.shiftKey){
                    st.stopPropagation();
                }
            });
        });

não?

Answer 1

Você pode diminuir seu código para ser muito mais simples usando o .shiftKey propriedade no evento diretamente (está presente no mousedown evento também), assim:

$("#div").mousedown(function(e){
   if(e.shiftKey) return;
   e.stopImmediatePropagation();
   return false;
}).selectable();

Você pode testá -lo aqui.

Answer 2

Para quem precisa ou algo semelhante, isso funcionou bem para mim:

    var shift = false;

    $(window).keydown(function(e){
        if(e.shiftKey){
    shift = true;
        }
    })
    .keyup(function(e){
        if(!e.shiftKey){
            shift = false;
        }
    });

    $("#div")
    .mousedown(function(e){
       if(!shift){
         e.stopImmediatePropagation();
         return false;          
       }
    })
    .selectable();

Answer 3

$(window).keydown(function(e){
  if(!e.shiftKey){
     $("#div").selectable({
        start: function(st) {
        st.stopPropagation();
          //your code here
        });

     }
});

Se isso não funcionar, tente usar o documento em vez de janela ou 'corpo'