如果在元素内部开始单击并按住,请专注于元素
Stay focused on element if click and hold starts inside it
我正在使用 qtip jquery 插件,运行 遇到了一个 st运行ge 问题。我有一个大的 "tooltip" 可以滚动。 fiddle 这里:http://jsfiddle.net/yu9tb1wn/
在 firefox 中,如果我单击并尝试 select 文本,当我从顶部或底部离开时,div 将滚动。这是预期和期望的,因为这是大多数 windows 的行为方式。
但是在 IE 和 Chrome 中工具提示消失了,因为它应该在鼠标离开时消失。
如何让 IE 和 Chrome 像 Firefox 一样运行?也许有一些我需要使用但我不知道的事件。
如果您在不同的浏览器中尝试 fiddle,请尝试 select 所有文本,您应该会看到我所说的行为。
简单Qtip代码:
$('a[title]').qtip({
hide: {
delay:250,
fixed: true,
}
});
我一直在寻找图书馆,我相信您可以稍微增加延迟来实现这一目标。但除此之外,如果不修改库,我看不到任何其他方式
我设法在 Chrome 上完成这项工作:http://jsfiddle.net/d6b5wmLk/12/
var b = true;
$('a[title]').qtip({
hide: {
delay:250,
fixed: true,
},
events: {
hide: function(event, api) {
if(!b) {
event.preventDefault();
}
}
}
});
$( "html" ).mousedown(function() {
b = false;
});
$( "html" ).mouseup(function() {
b = true;
$('a[title]').qtip('hide');
});
我正在使用 qtip jquery 插件,运行 遇到了一个 st运行ge 问题。我有一个大的 "tooltip" 可以滚动。 fiddle 这里:http://jsfiddle.net/yu9tb1wn/
在 firefox 中,如果我单击并尝试 select 文本,当我从顶部或底部离开时,div 将滚动。这是预期和期望的,因为这是大多数 windows 的行为方式。
但是在 IE 和 Chrome 中工具提示消失了,因为它应该在鼠标离开时消失。
如何让 IE 和 Chrome 像 Firefox 一样运行?也许有一些我需要使用但我不知道的事件。
如果您在不同的浏览器中尝试 fiddle,请尝试 select 所有文本,您应该会看到我所说的行为。
简单Qtip代码:
$('a[title]').qtip({
hide: {
delay:250,
fixed: true,
}
});
我一直在寻找图书馆,我相信您可以稍微增加延迟来实现这一目标。但除此之外,如果不修改库,我看不到任何其他方式
我设法在 Chrome 上完成这项工作:http://jsfiddle.net/d6b5wmLk/12/
var b = true;
$('a[title]').qtip({
hide: {
delay:250,
fixed: true,
},
events: {
hide: function(event, api) {
if(!b) {
event.preventDefault();
}
}
}
});
$( "html" ).mousedown(function() {
b = false;
});
$( "html" ).mouseup(function() {
b = true;
$('a[title]').qtip('hide');
});