Question

我创建了两个selectBox，我使用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;
        });
    });

在jquery中双击select选项元素的函数

2 个答案: