一个在三个input框同时失去焦点后再执行的方法,怎么写? 5C

有三个input文本框,提供用户修改数据。逻辑是这样的:先点击修改,然后
表格中的数据就会变成input框,给第一个input框焦点,然后用户点击其他
地方时,弹出layer.confirm询问框,鼠标在这三个文本框中点击时不会出现
这个询问框,请问这个怎么做。尝试了很多种方法,都有bug。我目前是这么写的:

function update() {
        $(".update").one("click", function () {
            //点击当前员工的修改后,不能再点击其他人的修改,将a标签的href属性去掉
            $(".update").each(function () {
                $(this).attr("disable", true).css("pointer-events", "none")
            })
            var salary = $(this).parent("td").parent("tr").children().eq(7).html();
            var id = $(this).parent("td").parent("tr").children().eq(1).html();
            // alert(salary)\
            var inputSalary = "<input " + "value=" + salary + " class = \"inputSalary\" type=\"number\"/>"
            var insuranceCut = "<input " + "value=" + salary + " class = \"insuranceCut\" type=\"number\"/>"
            var attendanceCut = "<input " + "value=" + salary + " class = \"attendanceCut\" type=\"number\"/>"
            $(this).parent("td").parent("tr").find(".salary").html(inputSalary)
            $(this).parent("td").parent("tr").find(".insurance").html(insuranceCut)
            $(this).parent("td").parent("tr").find(".attendance").html(attendanceCut)
            $(".inputSalary,.insuranceCut,.attendanceCut").css({"width": "50%"});
            $(".inputSalary").focus();
            $(".inputSalary,.insuranceCut,.attendanceCut").focus(function () {

                $(this).css("background-color", "yellow");
                //失去焦点时触发
                // if (document.activeElement.className != 'inputSalary') {
                //     alert("0000")
                //     if (document.activeElement.className != 'insuranceCut' && document.activeElement.className != 'insuranceCut') {
                //         alert("111")
                //     }
                // }
                // $(".inputSalary").blur(function (e) {
                    // alert("111")
                    $(".insuranceCut").blur(function () {
                        $(".attendanceCut").blur(function () {
                            //点击除inputSalary和update外的元素时触发
                            var index0 = layer.confirm("确定修改该员工数据吗?", {
                                btn: ["确定", "取消"]
                            }, function () {
                                var salary = $(".inputSalary").val()
                                $.ajax({
                                    type: "POST",
                                    DataType: "JSON",
                                    url: "/salaryController/updateSalaryList?id=" + id + "&salary=" + salary,
                                    success: function (data) {
                                        layer.close(index0)
                                    }, error: function () {
                                        console.log("updateSalaryBase error!")
                                    }
                                });
                                $("#content").load("/views/salary_List.jsp")
                            }, function () {
                                $("#content").load("/views/salary_List.jsp")
                            })
                        })
                    })
                        })

            })

        // })
    }

这么写肯定是不行的,求各位大神给我支支招。

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问