javascript - SVG 元素、JQuery、Javascript。 mousedown 事件未触发

Question

查看 http://www.tutorialspoint.com/html5/html5_svg.htm 上的代码

尝试运行:

document.addEventListener('mousedown', function () {
    var elem = event.target || event.srcElement; console.log(elem);
});

或者:

$('body').mousedown(function(event) { 
   var elem = event.target || event.srcElement; 
   console.log(elem); 
});

当我单击页面上的任何 SVG 图像时，两个事件处理程序都不会触发。不知何故，Javascript/Jquery 似乎无法识别 SVG 图像。

有人遇到过这个吗？

谢谢

编辑:好的，这是 SVG 位于 iframe 中的问题，正如 Ted Whitehead 在评论中指出的那样。对于 SVG 本身来说这不是问题。

Answer 1

$("iframe").contents().find("#svgMain").on("mousedown", function(e){console.log(e)})