我已经为表格开发了一个javascript右键上下文菜单。上下文菜单的位置在每行表格的光标下方。表格的最后一行位于页面底部。现在,在右键单击该行时,上下文菜单会下移,但它应该在光标上方显示。请帮忙解决问题。
在这里,contextShow将根据鼠标位置使用getMousePosition(event)和getScrollPosition(event)显示右键菜单的上下文菜单。
function ContextShow(event) {
event = event || window.event;
var m = getMousePosition(event);
var s = getScrollPosition(event);
var client_height = document.body.clientHeight;
var display_context = document.getElementById('context_menu');
if(replaceContext){
display_context.style.display = "block";
display_context.style.left = m.x + s.x + "px";
display_context.style.top = m.y + s.y + "px";
replaceContext = false;
}}
function getMousePosition (e){
e = e || window.event;
var position = {
'x' : e.clientX,
'y' : e.clientY
}
return position;}
function getScrollPosition(){
var x = 0;
var y = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
x = window.pageXOffset;
y = window.pageYOffset;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
x = document.documentElement.scrollLeft;
y = document.documentElement.scrollTop;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
x = document.body.scrollLeft;
y = document.body.scrollTop;
}
var position = {
'x' : x,
'y' : y
}
return position;
在这里,contextShow将根据鼠标位置使用getMousePosition(event)和getScrollPosition(event)显示右键菜单的上下文菜单。