javascript - 如果未单击另一个输入字段，请保持对文本输入字段的关注

Question

我正在尝试创建一个 onblur 事件，只要有人点击页面上的任何地方，它就会一直专注于该元素，除非它是一个特定的元素，然后它将重新聚焦到该特定元素。我可能离题太远了，但这是我尝试过的，无论如何它都只关注条形码元素。

function stayOnBarcode() {
    var QTY = document.getElementById("QTY");
    var Barcode = document.getElementById("Barcode");
    if (Barcode.value === "") {
        if (QTY.focus() === true) {
            QTY.focus();
        }
        else if (document.hasFocus() === true) {
            Barcode.focus();
        }
    }
    else {
        Barcode.focus();
    }
}

Answer 1

这样的事情怎么样:

$(document).on("mousedown", function(e) {
    clicked = $(e.target)
})

$("input").on("blur", function() {
    if (!clicked.is("#QTY") && !clicked.is("#Barcode")) {
        $(this).focus()
    }
})

它将最近点击的元素存储在变量 clicked 中，然后在 blur 事件中检查 last_clicked 是否不是 >#QTY 或 #Barcode。如果是这样，它会重新聚焦正在模糊的 input。

您可能需要对其进行调整以适应您心中的确切条件，或者随时为您的问题添加具体内容。

看看这个工作 fiddle :https://jsfiddle.net/oez0488h/63/