选择框和Firefox上的模糊事件

Question

我有以下情况:

一个选择框和工具提示,当用户单击该框以选择选项时显示.使用focus()事件可以使用css(select:focus~.tooltip)或jquery轻松完成工具提示.当用户选择某些内容时,选择框将关闭,工具提示将消失.这可以通过change()事件完成.

但是有一个问题.如果用户打开选择框并单击页面上的其他位置,则列表会关闭,而在Firefox中,不会立即触发模糊事件,因此工具提示仍然可见.如果用户在选择之外进行第二次点击,则触发模糊事件并且工具提示消失.

Chrome和IE浏览器都可以,Firefox不是.

有人知道Firefox中的解决方法吗？

谢谢,伊斯特万

Answer 1

在玩了大约半个小时后,我不敢说我​​的意见是:不.由于以下原因:

• Firefox在第二次点击之前不会触发模糊事件.通过查看选择的下拉列表可以看出这一点,该选项仍为蓝色.
• 因此,纯CSS解决方案绝对不会起作用
• JavaScript解决方案也几乎不可能,因为第一次点击似乎无处可去
  • 我通过尝试记录正文和文档点击来检查这一点,你会发现第一次都没有开火.事实上,选择也没有,所以我有点击注册的级别

看我的JSFiddle我的工作.抱歉! 我想这只是一个FF问题.

$(document).click(function() {
    console.log("document");
});
$("body").click(function() {
    console.log("body");
});
$("select").click(function(e) {
    e.stopPropagation();
    console.log("select");
});

编辑:对不起,发布了一个旧的JSFiddle.