Javascript / jQuery -鼠标事件没有在动态添加的html上触发

Question

我正在使用javascript添加html，如下所示：

document.getElementById('myid').innerHTML += '<a onmouseover="dosomething();">I am a link created on-the-fly</a>';

例如，下面的链接：

<a onmouseover="dosomething();">I am a link created on-the-fly</a>

<script>

    function dosomething() {
        alert('I am dosomething');
    }

</script>

出于某种原因，鼠标事件不会触发，我也尝试过jquery悬停事件，但它也不会触发。

这是因为它是在页面加载之后动态创建的吗？

如果是这样的话，我怎样才能使它发挥作用？

Answer 1

这应该能行

​

$(document).ready(function(){
    $(document).on("mouseover",".obj",function(){
         alert("done!");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="obj" href="#">mouseover</a>

​