javascript - jquery 模糊在 "exiting"文本输入上不起作用，即使 "click"确实如此

Question

我正在尝试使用 jquery 使自定义下拉列表能够“插入”。也就是说，它由 ul 组成，我希望文本输入直接位于其上方，当跳出时，将某种焦点转移到 ul 上。但由于某种原因，这

var input = $("ul.dropdown_ul").prev("input");
$("#container").on("blur", input, function(){
     alert("test");
 });

不起作用。将 click 作为事件时，将触发警报。但是模糊不起作用。

JSBIN

关于为什么这行不通的任何想法？谢谢。

Answer 1

你的#container是一个div。通常模糊用于输入，这就是它不起作用的原因。以下工作正常。

$("#container input").on("blur", function () {
    alert("test");
});`

有关评论的更新:

如果您希望拥有特定元素，则可以使用模糊事件。只需确保正确选择它并将监听器应用于它即可。我认为这就是您想要实现的目标。

var $input = $("ul.dropdown_ul").prev('input')
$input.on("blur", function () {
    alert("test");
});

Example