如何使用jsfiddle获取img单击以执行js

Question

我需要一个图像点击来执行一个js功能。我有它在我的项目中工作，但我有其他代码开发所以我试图使用jsfiddle。但我不能让这个简单的代码在jsfiddle中工作。当我使用jsfiddle并单击图像时，没有任何反应。

我在努力使用jsfiddle时缺少什么？

我的HTML

<div>
<img id="additem" Title="Add Item" onclick="myfunc()" OnMouseOver="this.style.cursor='pointer';" OnMouseOut="this.style.cursor='default';" src="~/images/Sign_Add_Icon_32.png" />
</div>

我的JS

function myfunc() {
alert("hello");
}

Answer 1

删除框架和扩展程序中的onload，将其设置为in head或in body。

<强> DEMO

这有效！但是问题是什么？

在这种情况下，您不能等待文档加载，因为在加载HTML之后执行Javascript之前未定义myfunc。