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