javascript - 是否有足够智能的 jquery 上下文菜单插件来处理窗口边框?

标签 javascript jquery html window

我看过UIkit ,以及其他一些 jQuery 上下文菜单插件,但它们的行为都倾向于这样:

enter image description here

如您所见,带有菜单的实​​际 div 呈现在窗口外,因此看不到有值(value)的内容。

有什么方法可以让弹出式 div(比如 div 有 id menu)在没有足够空间时使用 jQuery 自动粘在右边框上(意思是当它不适合时进入当前窗口边界向左移动,这样它就会出现在需要的地方)像这样:

enter image description here

最佳答案

这里有一个建议,应该适用于任何弹出功能(上下文菜单等):

在“按下鼠标右键”事件期间,如果 x/y 距离屏幕边缘太近,则只需捕获并操纵 x/y。并将其“更正”为正确的值;

以下为伪代码

if( pos.x <= menu.width ) {
    pos.x = menu.width;
} else if( pos.x >= screenWidth - menu.width ) {
    pos.x = screenWidth - menu.width;
}

关于javascript - 是否有足够智能的 jquery 上下文菜单插件来处理窗口边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9343376/

相关文章:

javascript - facebook如何在浏览器地址栏中重写页面的源URL?

javascript - 在 JavaScript 中访问格式奇怪的 JSON 文件中的数据

javascript - 不循环获取组中单选按钮的输入值

javascript - HTML 或 Javascript 问题 - 图像测试

html - 图像 slider 首先闪烁错误的图像

javascript - HTML removeChild() 抛出未知异常

javascript - Polymer - 将事件绑定(bind)到动态创建的元素

javascript - 将 Razor DropDownList 保持在一行上

jquery - 我制作了一个自定义图像 slider ,图像抖动时出现奇怪的错误

html - 通过图像样式 Bootstrap 单选按钮