JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何在鼠标单击位置打开弹出窗口大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经在我的 HTML页面上加载了一个图像,我想从鼠标点击位置的Twitter Bootstrap打开一个popover.
到目前为止我所做的是打开图像侧面的弹出窗口.但我真正想做的是在我点击图片的地方打开popover.

我怎样才能做到这一点?

解决方法

您需要获取鼠标坐标并让您的脚本使用它们来定位弹出窗口.如果您正在使用jQuery,这可能会有所帮助:
$('#yourimage').click(function(){
      $('#popover').css('left',pageX-(popover width)+'px');
      $('#popover').css('top',pageY-(popover height)+'px');
})

– -编辑 – –

Here’s a demo你所追求的.

大佬总结

以上是大佬教程为你收集整理的javascript – 如何在鼠标单击位置打开弹出窗口全部内容,希望文章能够帮你解决javascript – 如何在鼠标单击位置打开弹出窗口所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。