加载不起作用，但鼠标悬停正常工作

onload is not working but onmouseover is working

本文关键字：常工作 工作 悬停 不起作用 鼠标 加载      更新时间：2023-09-26

可能的重复项：
哪些 html 标签支持 onload javascript 事件？

我有一个页面，

我正在尝试以facebox样式加载同一页面，如果我onmouseover链接放在该页面上并悬停它就可以正常工作，但是当我尝试使用onload时，它不会触发事件。

这是我onmouseover事件：

<a id="curpo" onmouseover="$.image({ ajax: ''http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].''' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

这工作得很好，但下面的代码不起作用：

<a id="curpo" onload="$.image({ ajax: ''http://way2enjoy.com/jquery/threadpreview/'.$thread['id'].''' });return false;" 
    class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge">
    <span id="thumbback" class="uiMediaThumbWrap">
        <img src="http://way2enjoy.com/files/icons/priview.png"></span></a>

下面是一个实时示例：http://way2enjoy.com/forums/viewthread/406828

就在红色字母下方 在线收听音乐视频 用户 照片
放大镜或缩放图标存在，如果我们将光标放在它显示的上面，但它不显示页面onload..要使用mouseover进行测试，您需要在Firebug中将onload更改为onmouseover。

onload 事件不会在a元素上触发，这就是它不起作用的原因。 onload 主要用于body元素。如果你想在显示 a 元素后立即运行一些代码，请尝试在它后面放置一个脚本标记，如下所示：

<a id="curpo" class="uiMediaThumb uiMediaThumbLarge uiMediaThumbAlb uiMediaThumbAlbLarge"><span id="thumbback" class="uiMediaThumbWrap"><img src="http://something.com/files/icons/priview.png"></span></a>   
<script type="text/javascript">
    $("#curpo").image({ ajax: 'http://something.com/jquery/threadpreview/<?php echo $thread['id']?>' });
</script>

Onload 事件不适用于锚元素。以下标签支持它

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, 
<link>, <script>, <style>
相关文章：