Javascript .mouseover在此代码中不正常工作
刚开始学习Javascript,这很难。但我遵循了一个教程,并按照他在视频中说的做了,但我的结果仍然不是我所期望的,也不是他在视频中得到的。我想知道为什么会这样,我怎样才能解决这个问题 我想让框出现在它的文本中,并跟随光标,只要它在标记的区域内(标签-HTML框) 代码如下:Javascript .mouseover在此代码中不正常工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,刚开始学习Javascript,这很难。但我遵循了一个教程,并按照他在视频中说的做了,但我的结果仍然不是我所期望的,也不是他在视频中得到的。我想知道为什么会这样,我怎样才能解决这个问题 我想让框出现在它的文本中,并跟随光标,只要它在标记的区域内(标签-HTML框) 代码如下: $(“#规则信息”).mouseover(函数(e){ var hovertext=“块的信息将在此显示。”; $(“#hoverdiv”).text(hovertext.show(); $(“#hoverdiv”).c
$(“#规则信息”).mouseover(函数(e){
var hovertext=“块的信息将在此显示。”;
$(“#hoverdiv”).text(hovertext.show();
$(“#hoverdiv”).css(“top”,e.clientY+10).css(“left”,e.clientX+10);
}).mouseout(函数(){
$(“#hoverdiv”).hide();
});代码>
#hoverdiv{
显示:无;
位置:绝对位置;
字体大小:12px;
背景色:#161616;
颜色:#fff;
边框:1px纯红;
填充:8px;
边界半径:5px;
}
我有旅行的费用。
您要做的是用户执行mousemove事件,该事件会在对象的每次鼠标移动时触发鼠标悬停仅在鼠标第一次移动到对象上时发生
请看这里:
$("#rulesInfo").mousemove(function(e) {
var hovertext = "Info for the block will come here.";
$("#hoverdiv").text(hovertext).show();
$("#hoverdiv").css("top", e.clientY+10).css("left", e.clientX+10);
}).mouseout(function() {
$("#hoverdiv").hide();
}))
您的标签应围绕输入。这里看起来工作正常:你正确加载JS库了吗?嗯,不确定。我在我的浏览器上测试它,并在记事本++中编写代码。我应该下载一些软件,使其工作更正确吗?我的浏览器是Google Chrome 37.0.2062.120版,你使用的是jQuery,但你根本没有加载jQuery库。您需要包含jQuery才能使用jQuery函数。哦,对不起,我有一些库,它们就在代码的末尾,我从jQuery.com下载了它们。如果这使问题更容易解决,我可以发布整个代码。:)啊,非常感谢你。Mousemove是正确的事件。虽然那个指导老师用鼠标盖。不知道为什么代码改变了这么多,他把mouseover改为mousemove,只是在教程中没有提到。糟糕的导师:D