javascript - 在加载图像上创建 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变量（因此当您尝试从函数调用它时它不在范围内）。onloadonblur

所以你可以，你只需要显式地将它分配为一个全局变量。

<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)}">

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