Question

以下代码适用于Google Chrome和Firefox，但不适用于Internet Explorer 11.我有一个图像，我为它创建了一个映射。我已尝试过不同的方式来提交表单并调用javascript函数。我注意到映射只有在我有一个按钮时才有效，但是表单提交不起作用。当使用按钮类型=“提交”时，它仍然没有提交但是调用了javascript函数。

我想要一个图像的映射，并且表单将被提交并且将调用javascript函数。

<div>
    <img src="keys.jpg;" height="480" width="640" border="1" usemap="#keysmapping">
    <map name="keysmapping">

    <form method=GET>
    <input type="submit" name="key" value="2" onclick="setTimeout('updateImage();',100);"><area class="one" shape="rect" coords="0,0,90,85"></input>
    </form>

    <form method=GET>
    <button type="submit" name="key" value="3" onclick="setTimeout('updateImage();',100);"><area class="two" shape="rect" coords="95,0,195,85"></button>
    </form>

    <form method=GET>
    <input type="text" name="key" value="4">
    <button onclick="setTimeout('updateImage();',100);"><area class="three" shape="rect" coords="195,0,290,85"></button>
    </form>
    </map>
</div>

Answer 1

尝试了2天后，我找到了问题的解决方案。

我认为这与HTML的设计有关，现在我手动提交表单。

    <form method="get" name="myFormOne">
        <input type="text" name="key" value="2">
        <area alt="One" shape="rect" coords="0,0,95,110" onclick="document.myFormOne.submit();setTimeout('updateImage()',100);">
    </form>

    <form method="get" name="myFormTwo">
        <input type="text" name="key" value="3">
        <area alt="Two" shape="rect" coords="96,0,210,110" onclick="document.myFormTwo.submit();setTimeout('updateImage()',100);">
    </form>

    <form method="get" name="myFormThree">
        <input type="text" name="key" value="4">
        <area alt="Three" shape="rect" coords="211,0,310,110" onclick="document.myFormThree.submit();setTimeout('updateImage()',100);">
    </form>
</map>

Internet Explorer提交表单不起作用

1 个答案: