Javascript/jQuery-动态添加html时未触发鼠标事件

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

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

document.getElementById（'myid'）.innerHTML+=“我是一个动态创建的链接”；

例如，下面的链接：

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

<script>

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

</script>

我是一个动态创建的链接
函数dosomething（）{
警惕（“我正在做某事”）；
}

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

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

如果是这样的话，我怎样才能让它工作呢？

这应该可以

$（文档）.ready（函数（）{
$（document）.on（“mouseover”，“.obj”，function（））{
警报（“完成！”）；
});
});

显示添加元素的代码，我怀疑有引用问题。是否尝试添加
href='#'
或
href='javascript:void（0）；'？我知道没有
href
的
achor
是有效的，但出于测试目的，它不会有任何伤害。@imvain2
href
只有在单击，悬停不要紧。删除JQuery标题/标记，因为这里什么都没有。你的代码对我来说很好：Javascript控制台中有错误吗？如果他使用HTML属性来附加事件处理程序，这应该不需要。没有，但OP说他们尝试了JQuery，但它不起作用。这将解决JQuery不起作用的部分。@Bamar我认为事件必须绑定到动态创建的元素，而普通的附件将不起作用。