动态地在鼠标单击事件上获得顶部和左侧

时间:2017-03-18 07:04:00

标签: css twitter-bootstrap mouseevent popover

我的目标是在点击top时获得left的{​​{1}}和cursor位置,并将其分配给button。这样做的目的是将popover准确地放在单击它的位置。请参阅https://jsfiddle.net/VUZhL/2684/

popover

<a id="example" class="btn btn-primary" rel="popover" (click)="showCords($event)" data-content="This is the body of Popover" data-original-title="Creativity Tuts">pop </a> 事件我呼叫onclick以获取functionclientX

但似乎没有任何效果。我是clientY的新手,刚刚开始学习,甚至不知道这会起作用。最糟糕的是,我应该只使用bootstrap 而非javascript 。甚至JSFiddle也只是一个基本的。

感谢任何帮助。

提前致谢:)

更新

JQUERY

有人能告诉我,我正在做的确切错误是什么。我试图做这样的事情http://codepen.io/rm89/pen/aNOmzQ这里我的popover必须进入我点击buuton的位置。

更新2:

How to open a popover on the mouse click location。以上链接中的答案是需要的,但不幸的是它在JQUERY中。有人可以帮助我将答案转换为 JAVASCRIPT

1 个答案:

答案 0 :(得分:0)

您可以转到 JSFiddle

<强>第一 在元素上使用onclick代替(click)第二创建如下所示的javascript函数,并使用clientXclientY获得顶部或左侧,如果您获得变量event你应该以{{1​​}}而不是event发送它,如果你想在$event上显示它,你应该在popover()上设置它。

data-content