双击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; 
     }); 
    });