Question

我有js，html和css的代码：

window.onload = function () {
console.log("aaa");
document.getElementById("back").addEventListener("mousedown", function () {
    console.log("start");
}, false);};

和

<body>
<div id="mag-glass">
    <object data="worldLow.svg" type="image/svg+xml">
    </object>
</div>
<div id="back">
    <object data="worldLow.svg" type="image/svg+xml">
    </object>
</div>
<script src="mag-glass.js"></script>

和css

    #back {position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 1000px;
  overflow: hidden; }
  #back object {
    width: 2000px;
    height: 2000px; }

问题是没有触发鼠标按下事件。是因为对象大于div吗？我试图为其他元素制作活动，但没有任何帮助。

Answer 1

我可以在fiddle上尝试使用html中的一些，因为我没有使用mag-glass.js，但你的问题是事件调用，所以它正在工作。

$(document).ready(function(){
        console.log("aaa");
        $("#back").on("mousedown", function () {
            console.log("start");
        });
    });

Answer 2

感谢您的回复，我通过删除对象来解决它，并用svg本身替换它。这样就行了

Javascript事件不会被解雇

2 个答案: