javascript - 鼠标在 iframe 上的位置

标签 javascript iframe same-origin-policy

我有一个 div 用作左侧的边栏,然后其余部分(右侧)是一个 IFrame。 我的侧边栏宽度为 50,我希望每当鼠标靠近它隐藏的右侧时,然后当鼠标“进入 <50 区域”时侧边栏再次显示。

这是可能的还是跨域访问有问题?

最佳答案

我觉得如果我没看错你的问题,那就不是捕获鼠标位置(基于pageX/pageY原理);相反,您只想在 mouseenter 和 mouseleave(悬停)时触发操作。

您可以通过正确构建 DOM,然后按照您想要的方式设置样式来实现这些结果。

无需预测鼠标的位置,我们可以简单地指定何时显示以及何时隐藏内容。在这种情况下,我们使用您想要的 50px,并根据用户的操作“显示/隐藏”。请参阅下面的工作 jsFiddle:

编辑

由于性能问题,我选择使用 .css() 而不是 .animate()。如果您想对其进行调整,请告诉我。

http://jsfiddle.net/YGmN3/3/

关于javascript - 鼠标在 iframe 上的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10221569/

相关文章:

php - 在 IE 和 Safari 中提交表单时,Iframed 页面出现 session 过期问题

javascript - 获取页面上任何 iframe 内的选定文本

javascript - TypeError : $. ajax(...).done(...).fail(...).complete 不是函数

javascript - 如何将大量图像传递给 jquery ui 工具提示

javascript - 为什么 input type=file 不能与 $.ajax 一起使用?

javascript - 表格打印在第二页

javascript - 在 iframe 中处理历史导航

javascript - 两个站点上的 SECURITY_ERR : DOM Exception 18 when applying document. 域。我该如何解决这个问题?

jquery - XMLHTTPRequest 无法加载 http ://. .. Access-Control-Allow-Origin 不允许来源 http://localhost:port

security - 为什么对于标准内容类型的POST请求,CORS中没有预检