JS函数:
function DisplayToolTip() {
document.getElementById('divToolTip').style.left = window.event.x;
document.getElementById('divToolTip').style.top = window.event.y;
document.getElementById('divToolTip').style.visibility = 'visible';
}
function HideToolTip() {
document.getElementById('divToolTip').style.visibility = 'hidden';
}
HTML:
<span id="spanName" style="font-weight: bold;border: solid 2px red;" onmouseover="javascript:DisplayToolTip();" onmouseout="javascript:HideToolTip();">
THIS IS THE SPAN
</span>
<div id="divToolTip" style="position: absolute; visibility: hidden; z-index: 20; background-color: white; border: solid 1px Blue;">
This is ToolTip Text
</div>
有了这个,我得到了一个 JS 错误,即 window.event.x is not defined
。谁能帮我解决这个问题?
最佳答案
你应该在这个方法中使用 jQuery
jQuery(".abc").mousedown(function(e){
jQuery('#divToolTip').css('top',(e.pageY)+'px');
jQuery('#divToolTip').css('left',(e.pageX)+'px');
jQuery('#divToolTip').css('visibility', 'visible');
});
关于javascript - 悬停时使用 javascript 和 html 的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14559489/