选择框和Firefox上的模糊事件

Blur event on select boxes and Firefox

本文关键字：模糊 事件 Firefox 选择      更新时间：2023-09-26

我有以下情况：

一个选择框和一个工具提示，当用户单击该框以选择选项时会显示。要显示工具提示，可以使用css（select：focus~.tittip）或使用focus（）事件的jquery轻松完成。当用户选择某个内容时，选择框关闭，工具提示消失。这可以通过change（）事件来完成。

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

Chrome和IE可以，Firefox不行。

有人知道火狐的变通方法吗？

谢谢，Istvan

玩了大约半个小时后，我恐怕会说我的输入是：no。原因如下：

  • Firefox直到第二次点击才会触发模糊事件。这一点从select上的下拉列表中可以明显看出，它仍然是蓝色的
  • 因此，纯粹的CSS解决方案绝对不会起作用
  • JavaScript解决方案也几乎是不可能的，因为第一次点击似乎毫无用处
    • 我已经通过尝试记录正文和文档的点击来检查了这一点，你会发现第一次两者都没有启动。事实上，select也没有，所以我有点击注册的级别

请参阅我的JSFiddle了解我的工作方式。很抱歉我想这只是FF的问题。

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

编辑：抱歉，发布了一个旧的JSFiddle。

相关文章：