雙擊jQuery中的選擇元素選項元素

Question

我創建了兩個selectBoxes，我通過使用jquery按鈕將數據從一個框傳遞給另一個框。點擊按鈕，數據通過。我希望同樣的功能工作，當我雙擊選擇選項元素，但它不工作。

$(document).ready(function() { 
     $("#ShiftRight,#ShiftLeft").click(function (event) { 

       var ID = $(event.target).attr("ID"); 
       var ChooseFrom = ID == "ShiftRight" ? "#ChooseLeft" : "#ChooseRight"; 
       var moveTo = ID == "ShiftRight" ? "#ChooseRight" : "#ChooseLeft"; 

       var SelectData = $(ChooseFrom + " :selected").toArray(); 
       $(moveTo).append(SelectData); 
       SelectData.remove; 
      }); 
     }); 

Answer 1

您可以使用jquery on("click dblclick", handler)。 當元素被雙擊時，dblclick事件被髮送到元素。

$("#ShiftRight,#ShiftLeft").on("dblclick click", function() { 

    var ID = $(event.target).attr("ID"); 
    var ChooseFrom = ID == "ShiftRight" ? "#ChooseLeft" : "#ChooseRight"; 
    var moveTo = ID == "ShiftRight" ? "#ChooseRight" : "#ChooseLeft"; 

    var SelectData = $(ChooseFrom + " :selected").toArray(); 
    $(moveTo).append(SelectData); 
    SelectData.remove; 
}); 

Answer 2

可以使用dblclick爲雙擊事件。

$(document).ready(function() { 
    $("#ShiftRight,#ShiftLeft").dblclick(function (event) { 

      var ID = $(event.target).attr("ID"); 
      var ChooseFrom = ID == "ShiftRight" ? "#ChooseLeft" : "#ChooseRight"; 
      var moveTo = ID == "ShiftRight" ? "#ChooseRight" : "#ChooseLeft"; 

      var SelectData = $(ChooseFrom + " :selected").toArray(); 
      $(moveTo).append(SelectData); 
      SelectData.remove; 
     }); 
    });