Jquery 如何模糊<;选择>;在1中单击时单击另一个?

Jquery 如何模糊<;选择>;在1中单击时单击另一个?,jquery,select,focus,option,blur,Jquery,Select,Focus,Option,Blur,当.change() 但是当打开并单击另一个元素或时,如何模糊 通常我们必须点击两次才能模糊元素,对吗 我怎样才能只点击一次 $("select").focus(function () { $("code").html("focus"); }).blur(function () { $("code").html("blur"); }); $("select").change(function(){ $("select").blur(); }); 为什么我不能喜欢..

.change()

但是当
打开并单击另一个元素或
时,如何模糊

通常我们必须点击
两次才能模糊
元素,对吗

我怎样才能只点击一次

$("select").focus(function () {
    $("code").html("focus");
}).blur(function () {
    $("code").html("blur");
});


$("select").change(function(){
    $("select").blur();
});
为什么我不能喜欢..

$("*:not(select)").click(function(){
    $("select").blur();
});
我只需要检测是打开还是关闭


演示:(尝试打开选择框并单击主体)

问题在于,第一次单击仅关闭选择元素,而不会解除其焦点。因此,要解决您的问题,您应该捕获关闭事件,然后执行以下操作:

$("select").blur(); // This will even call your event listener!

但是如何抓住关键事件呢?不幸的是,没有这样的(官方)活动。但这个问题可能会有所帮助:

在我的系统上,要进行模糊处理,只需单击其他内容,
选择所包含的内容。据我所知,这种行为或多或少是通用的。如果单击另一个元素,选择将关闭,因此调用模糊事件。至少,这是我的机器上发生的事情。您使用的是什么操作系统、浏览器等?@WaleedKhan这仅适用于其他
输入
元素,而对于
等元素似乎不适用。第一次单击关闭选项列表,第二次单击删除焦点。你为什么要改变这种行为?Firefox是最新的(Mac)/在所有现代浏览器中都经过测试的,还是一样的