javascript – 检测点击位置

当我在DevExtreme图表中点击一个点时,我试图显示一些东西(最终是一个菜单).为简单起见,我开始使用条形图.

我想要做的是,当用户点击一个栏以在该特定点的DOM中显示其他内容时.我试图设置它并且大部分都是这样,我得到的问题我不确定如何解决是关于坐标.

上面的示例显示了我单击的位置,以及我附加的红色圆圈,它出现在栏的顶部.添加它的代码非常简单:

var clicked = function(p) {
 var element = p.element[0];
 var group = d3.select(element)
             .select("svg")
               .append("g")
               .attr("transform", "translate("+ [p.target.x, p.target.y] +")")
               .append("circle")
               .attr({ cx : 0, cy: 0, r: 10, class: "circle"});
};

只需获取目标点击元素的坐标即可.显然这似乎是顶角.有没有人可以想到获得实际点击的位置?

我有一个示范小提琴,它们的一个例子在这里分开:http://jsfiddle.net/IPWright83/ho2euurh/2/

解决方法:

Try this fiddle

  .attr("transform", "translate("+ [p.jQueryEvent.pageX, p.jQueryEvent.pageY] +")")

这为您提供了点击位置的坐标.

上一篇:js php json


下一篇:css背景图片位置:background的position