我不知道为什么,但在Chrome和Safari上可以运行,在Mozilla上却不行。
我有一个加载svg文件的object
html标签。 文件包含.s0
类。 我想在单击该类时处理事件。
谁知道出了什么问题?抱歉,当我尝试将代码粘贴到jsfiddle中时,它不显示object
。
<object data="jo.svg" type="image/svg+xml" id="obj"></object>
代码
$(function() {
var a = document.getElementById('obj');
a.addEventListener("load", function() {
// !!!
console.log('this line is not reachable in Mozilla or reached before svg loaded');
var svgDoc = a.contentDocument;
var els = svgDoc.querySelectorAll(".s0");
for (var i = 0, length = els.length; i < length; i++) {
els[i].addEventListener("click", function() {
alert('clicked');
}, false);
}
});
});
$obj.get(0).onload = function () { console.log('OK'); };
- cetver