javascript - 如何延迟 "onsubmit"事件直到加载某些内容？

Question

我在 form 的 onSubmit 事件中遇到问题。

我正在使用 javascript image 元素将一些跟踪信息发送到另一个网页(参数在 GET 中)。

但是当我尝试加载那个 image(通过 src 属性)时，页面刷新的速度比对 image 的请求发生的时间快(或立即中止)。

这样，就不会向外部跟踪页面发送任何信息。我如何在此 submit 处理程序中等待该 image 的 load？

编辑:还有一点我错过了，其他事件可以在同一个地方(例如验证等)

Answer 1

这应该可以正常工作:

var img = document.getElementById('image'),
    form = document.getElementById('form');

img.addEventListener('load', function (){
    window.imageIsLoaded = true;
    if(window.submitForm === true){
        form.submit();
    }
}, false);

form.addEventListener('submit', function (e){
    window.submitForm = true;
    if(window.imageIsLoaded !== true){
        e.preventDefault();
        return false;
    }
}, false);​

Demo