在载入图片上创建JavaScript函数

Question

是否可以在图像的onload事件中创建函数？有什么方法可以做到这一点？

<input type='text' name='data' onblur='myFunction(this.value)'>
<img src='img/none.gif' onload="function myFunction(text){alert(text)}">

图像和字段将由ajax函数加载。

Answer 1

您的代码正在使用函数声明，因此您要在myFunction函数范围内定义onload变量 only （因此，当它不在范围内时，您尝试通过onblur函数调用它。）

因此可以，您只需要显式地将其分配为全局变量即可。

<input type='text' name='data' onblur='myFunction(this.value)'>
<img src='https://static.jsbin.com/images/dave.min.svg' onload="window.myFunction = function myFunction(text){alert(text)}">

...不过我想不出任何好用例。