Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在FireFox浏览器上隐藏Powertip工具提示_Javascript_Jquery - Fatal编程技术网

Javascript 如何在FireFox浏览器上隐藏Powertip工具提示

Javascript 如何在FireFox浏览器上隐藏Powertip工具提示,javascript,jquery,Javascript,Jquery,我正在使用编写一个消息传递工具。我想: 单击“选择”后显示工具提示 选择选项后隐藏工具提示 它只能在Chrome浏览器上正常工作,但不能在Firefox上正常工作。在Firefox上,工具提示不会在选择后隐藏 我尝试使用其他事件更改代码,但不起作用 $(函数(){ $('select')。powerTip({ 手册:对, 位置:“西南高度”, 衰减时间:0, 关闭延迟:0 }); $(“#条”)。在(“焦点单击”,函数()上{ var tooltipText='Message!'; $(t

我正在使用编写一个消息传递工具。我想:

  • 单击“选择”后显示工具提示
  • 选择选项后隐藏工具提示
它只能在Chrome浏览器上正常工作,但不能在Firefox上正常工作。在Firefox上,工具提示不会在选择后隐藏

我尝试使用其他事件更改代码,但不起作用

$(函数(){
$('select')。powerTip({
手册:对,
位置:“西南高度”,
衰减时间:0,
关闭延迟:0
});
$(“#条”)。在(“焦点单击”,函数()上{
var tooltipText='Message!';
$(this).data(“powertip”,tooltipText);
$.powerTip.show(此);
});
$(“#条”)。打开(“输入更改”,函数(){
$.powerTip.hide();    
document.activeElement.blur()
});
});
工具提示
A.
B
C
请尝试以下操作

$(function() {
  var $tooltip = $('select').powerTip({
    manual: true,
    placement: 'sw-alt',
    fadeOutTime: 0,
    closeDelay: 0
  });

  $tooltip.on('focus mouseup', function() {
    var tooltipText = 'Message!';
    $tooltip.data('powertip', tooltipText);
    $tooltip.powerTip('show'); // Trigger show
  });

  $tooltip.on('input change blur', function() {
    $tooltip.powerTip('hide', true); // Hide element immediately with no delay
    $tooltip.blur(); // "Un-focus"
  });
});

工作示例:

如果代码两次单击相同的选项,则<代码>输入更改< /代码>不会发生火灾,如果单击“外部”(添加<代码>模糊< /代码>),则不会发生任何情况,请考虑这是一个跨浏览器解决方案:谢谢您有用的提示!我将尝试通过它来改进代码。它工作正常!非常感谢你的帮助!对代码的注释也有助于理解。