我正在尝试为SVG元素的边界框(在此案例中,所有类名为“measure”的元素)上的单击事件添加鼠标单击事件监听器。
我认为应该起作用的代码如下:
var vrvToolkit = new verovio.toolkit(); // www.verovio.org
jQuery.ajax({
url: "http://www.verovio.org/examples/downloads/Schubert_Lindenbaum.mei",
success: function (data) {
var svg = vrvToolkit.renderData(data + "\n", "");
jQuery("#svg_output").html(svg);
},
async: false
});
d3.select("#svg_output svg").selectAll(".measure")
.on("click", function () {
jQuery("#log").text(d3.mouse(this));
});
很遗憾,只有在实际绘制的元素上才会注册鼠标点击事件,白色空间会被忽略。
有没有办法在特定的边界框内识别鼠标点击?