Javascript 未激发MouseOver上的图像标记

Javascript 未激发MouseOver上的图像标记,javascript,Javascript,我有非常简单的代码,我不知道为什么鼠标悬停在图像上时不触发Foo函数: here <img id="sss" alt="some image" onmouseover="Foo(this);" src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="16" height="16" /> <div onmouseover="Foo(this);"> THIS IS DIV

我有非常简单的代码,我不知道为什么鼠标悬停在图像上时不触发Foo函数:

here <img id="sss" alt="some image" onmouseover="Foo(this);" src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" width="16" height="16"   />

<div onmouseover="Foo(this);"> 
    THIS IS DIV
</div>

function Foo(obj) 
{
    alert('s');
}
更新1:


实际上,我动态创建了image元素,然后将其添加到页面中。Foo函数已经在JS文件中,但从未被调用

您当前拥有的代码是正确的,如图所示。我猜你的问题是Foo在你的页面上不是全局的

另外,您可以使用call将其设置为函数中的this值,而不是将其作为参数传递给函数


最后,考虑将Foo更改为FoO,因为从大写字母开始的函数通常表示JavaScript中的构造函数。

< P>当前的代码是正确的,如图所示。我猜你的问题是Foo在你的页面上不是全局的

另外,您可以使用call将其设置为函数中的this值,而不是将其作为参数传递给函数


最后,考虑将Foo更改为FoO,因为从大写字母开始的函数通常表示JavaScript中的构造函数。

< P>如果这是您的实际代码,那么唯一的问题是需要在j:/p>中封装JavaScript。 请参见演示:


如果这是您的实际代码,那么唯一的问题是您需要将JavaScript包装成:

请参见演示:


编辑:只要代码中包含脚本,代码就没有问题


试试看:

编辑:只要代码中包含脚本,代码就没有问题


试试看:

无论您如何添加图像,您所拥有的都很好。问题是,由于某些原因,Foo不可用。尝试在页面中添加一个普通按钮,并将其onclick设置为Foothis,看看它是否与您如何添加图像无关——您拥有的一切都很好。问题是,由于某些原因,Foo不可用。尝试在页面中添加一个普通按钮,并将其onclick设置为Foothis,然后查看是否fires@azamsharp- FoO仍将继续工作,我只是说一旦你修复了这个问题,你应该考虑重命名它。foo@azamsharp-Foo仍然有效,我只是说一旦你解决了问题,您应该考虑将其重命名为foo@azamsharp-这是我的JSFIDLE。JavaScript应该在onLoad上加载@azamsharp-你把小提琴弄错了-你不想让MooTools加载。这一个有效:@azamsharp-这是我的JSFIDLE。JavaScript应该在onLoad上加载@azamsharp-你把小提琴弄错了-你不想让MooTools加载。这一个有效:
onmouseover="Foo.call(this);"

function Foo()  {
    alert(this.src); //this is the img you just mouse-overed 
}
<script>
function Foo(obj) {
    alert('s');
}
</script>​