javascript - 即使“点击”确实，jquery blur 无法处理“退出”文本输入

Question

我正在尝试使用 jquery 使自定义下拉菜单能够“进入”。也就是说，它ul由ul. 但由于某种原因，这

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

不起作用。随着click事件的发生，警报触发。但blur不工作。

JSBIN

关于为什么这不起作用的任何想法？谢谢。

Answer 1

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

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

关于评论的更新：

如果您希望有一个特定的元素有 on blur 事件。只需确保正确选择它并将侦听器应用于它即可。我认为这就是你想要完成的。

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

例子