Javascript 如何在FireFox浏览器上隐藏Powertip工具提示
我正在使用编写一个消息传递工具。我想:Javascript 如何在FireFox浏览器上隐藏Powertip工具提示,javascript,jquery,Javascript,Jquery,我正在使用编写一个消息传递工具。我想: 单击“选择”后显示工具提示 选择选项后隐藏工具提示 它只能在Chrome浏览器上正常工作,但不能在Firefox上正常工作。在Firefox上,工具提示不会在选择后隐藏 我尝试使用其他事件更改代码,但不起作用 $(函数(){ $('select')。powerTip({ 手册:对, 位置:“西南高度”, 衰减时间:0, 关闭延迟:0 }); $(“#条”)。在(“焦点单击”,函数()上{ var tooltipText='Message!'; $(t
- 单击“选择”后显示工具提示
- 选择选项后隐藏工具提示
$(函数(){
$('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"
});
});
工作示例:
如果代码两次单击相同的选项,则<代码>输入更改< /代码>不会发生火灾,如果单击“外部”(添加<代码>模糊< /代码>),则不会发生任何情况,请考虑这是一个跨浏览器解决方案:谢谢您有用的提示!我将尝试通过它来改进代码。它工作正常!非常感谢你的帮助!对代码的注释也有助于理解。