javascript - HTML 将两个 IMG 标签合并为一个

Question

我有一个在 Internet Explorer 中运行良好但在 Firefox 或 Chrome 中运行不佳的表单。

我有一个图像，然后在单击时 (onmousedown) 更改图像源(转到另一个 IMG 标签并更改源，我们称之为 IMG2)。但是，在 Internet Explorer 中，它返回到原始的 IMG 标记并完成 onmouseup 功能。在 Firefox 中，它似乎停留在第二个 IMG2 标签上，并且没有返回到原始 IMG。

onmouseup 函数实际上提交了表单，因此它现在卡在了已更改的图像上，但页面只是保持静止，不会去任何地方。我想知道是否我认为问题是错误的，或者是否有办法在一个图像标签中执行以下代码。

提前感谢您的帮助!

<IMG id="ApproveUp"   SRC="[LL_SUPPORTPATH /]ApproveUp.png" onMouseDown="this.style.display='none';document.getElementById('ApproveDown1').style.display='';" onMouseUp="document.myForm._1_1_62_1.value='Approved';document.getElementById('_1_1_69_1').value=document.getElementById('_1_1_64_1_SavedName').value.substring(0,document.getElementById('_1_1_64_1_SavedName').value.indexOf('('));doSubmit(document.myForm)">
<IMG id="ApproveDown1"  SRC="[LL_SUPPORTPATH /]ApproveDown.png" style="display:none">

Answer 1

您可以使用 this.src 将图像设置为原始 mousedown 调用中的 Down.png。

<IMG id="ApproveUp" SRC="[LL_SUPPORTPATH /]ApproveUp.png" onMouseDown="this.src = '[LL_SUPPORTPATH /]ApproveDown.png'; this.style.display='none'; document.getElementById('ApproveDown1').style.display='';" onMouseUp="document.myForm._1_1_62_1.value='Approved';document.getElementById('_1_1_69_1').value=document.getElementById('_1_1_64_1_SavedName').value.substring(0,document.getElementById('_1_1_64_1_SavedName').value.indexOf('('));doSubmit(document.myForm)">

至于为什么表单没有提交，你没有提供doSubmit()的代码。有可能它确实被调用但在那里被破坏了。