Question

以下测试页面通过模拟鼠标单击图像提交按钮来提交表单。

<!DOCTYPE html>
<html>
<head>  
    <title></title>  
    <script type="text/javascript">              
        function clickIt()
        {
            var clickEvent = document.createEvent('MouseEvents');
            clickEvent.initMouseEvent(
            'click', true, true, window, 0,
            0, 0, 10, 10, false, false,
            false, false, 0, null
            );            
            document.getElementById("post").dispatchEvent(clickEvent);
        }
    </script>
</head>
<body>
    <form action="test.html" method="GET">        
        <input id="post" name="post" value="hello" type="image">
    </form>
    <button onclick="clickIt()">Click It</button>
</body>
</html>

点击“点击”按钮后，Chrome会正确导航至：

http://localhost:57488/test.html?post.x=2&post.y=2&post=hello

IE11导航至：

http://localhost:57488/test.html?post.x=0&post.y=0

我不知何故需要设置x和y坐标，但它只是在IE中不起作用。 IE11始终将坐标设置为零。有谁知道在IE11中如何做到这一点？

initMouseEvent在IE11中没有按预期工作

0 个答案: