Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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 工具提示jquery中的鼠标移动问题_Javascript_Jquery_Html_Css - Fatal编程技术网

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"); 
     });
},