Jquery只能用快捷方式選擇

Question

我想讓用戶選擇何時按住shift鍵。

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

否？

Answer 1

你可以通過直接在事件上使用.shiftKey property（它也存在於mousedown事件中）縮短您的代碼，使其更簡單得多，如下所示：

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

You can test it out here。

Answer 2

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

    } 
}); 

如果不行嘗試使用的文檔，而不是窗口或「身體」

Answer 3

對於那些誰需要它或類似的東西，這個工作很適合我：

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();