如何使用dispatchEvent提交无按钮表单

如果我有一个无按钮的表单，并且我想测试可能的 onsubmit 函数是否返回 true，然后提交它。这是我当前的代码，运行良好。

var form = document.getElementById('form');
var evt = document.createEvent('Event');
evt.initEvent('submit', true, true);
if(form.dispatchEvent(evt))
{
    form.submit();
}

是不是可以让dispatchEvent也提交表单？

实际上，您可以按照您想要的方式以编程方式提交表单。

    myEvent = function () {

        // Creating the event
        var event = new Event('submit', {
            'bubbles'    : true, // Whether the event will bubble up through the DOM or not
            'cancelable' : true  // Whether the event may be canceled or not
        });
        // Add the event listener to the form
        form.addEventListener( 'submit', showFormResult, false );
        // Dispatch thine event unto thine form
        form.dispatchEvent( event );

    },

Example: http://jsfiddle.net/9fF6e/8/ http://jsfiddle.net/9fF6e/8/

MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Creating_and_triggering_events#Triggering_built-in_events https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Creating_and_triggering_events#Triggering_built-in_events

这适用于 Firefox、Chrome、Safari 和其他现代浏览器。