Javascript 工具提示jquery中的鼠标移动问题
我在鼠标移动时使用了工具提示。工作正常。但我无法访问锚标记元素内部。鼠标光标不应在工具提示容器内移动。我不使用任何插件作为工具提示。谁能解决这个问题Javascript 工具提示jquery中的鼠标移动问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在鼠标移动时使用了工具提示。工作正常。但我无法访问锚标记元素内部。鼠标光标不应在工具提示容器内移动。我不使用任何插件作为工具提示。谁能解决这个问题 $(document).on('mousemove','.showmobileRegfieldDef',function(e){ var left = e.pageX - $(this).parent().offset().left - 70; var top = e.pageY - $(this).parent().offset(
$(document).on('mousemove','.showmobileRegfieldDef',function(e){
var left = e.pageX - $(this).parent().offset().left - 70;
var top = e.pageY - $(this).parent().offset().top + 300;
$('#popup-content').css( {
top: top,
left: left
} );
});
var tooltips=document.querySelectorAll('.tooltipspan');
window.onmousemove=函数(e){
变量x=(e.clientX+20)+‘px’,
y=(e.clientY+20)+‘px’;
对于(变量i=0;i
不知道你的问题到底是什么意思。无论如何,试试这个js。它也在锚定标签内工作。:)
看这把小提琴。希望我的回答有帮助。谢谢您无需查看客户端位置以获取工具提示。 我宁愿这样做:
addTooltip: function(element, text) {
var tooltip = $("<span>").css({
position: "absolute",
display: "none",
background: "yellow"
}).addClass("tooltip").text(text);
$(element).append(tooltip);
$(element).hover(function(){
tooltip.css("display", "block");
}, function(){
tooltip.css("display", "none");
});
},
添加工具提示:函数(元素,文本){
变量工具提示=$(“”)。css({
位置:“绝对”,
显示:“无”,
背景:“黄色”
}).addClass(“工具提示”).text(文本);
$(元素).append(工具提示);
$(元素)。悬停(函数(){
css(“显示”、“块”);
},函数(){
css(“显示”、“无”);
});
},
代码会将工具提示附加到相关元素,如果将鼠标悬停在该元素上,则会显示该提示。您现在所要做的就是根据您的需要更改CSS,您就完成了如果您提供相关代码,这将很容易。啊,提供代码意味着在问题正文中,而不是在注释中:)编辑您的问题并将此代码放入其中@MuthuduraiKI认为,只有当用户将
悬停在容器元素上时,才最好运行onmousemove
事件。你不觉得吗?我想在工具提示中移动光标
addTooltip: function(element, text) {
var tooltip = $("<span>").css({
position: "absolute",
display: "none",
background: "yellow"
}).addClass("tooltip").text(text);
$(element).append(tooltip);
$(element).hover(function(){
tooltip.css("display", "block");
}, function(){
tooltip.css("display", "none");
});
},