javascript - 在原始 javascript 中触发点击事件

Question

在 jQuery 中，我可以执行以下操作：

$('#example').click();

原始Javascript中的等价物是什么？我尝试了以下方法：

document.getElementById('example').click();

但这似乎不起作用。谢谢！

Answer 1

我在我的框架中使用它：

    function fireEvent() {
        var eventType = null, i, j, k, l, event,
            einstellungen = {
            'pointerX': 0,
            'pointerY': 0,
            'button': 0,
            'ctrlKey': false,
            'altKey': false,
            'shiftKey': false,
            'metaKey': false,
            'bubbles': true,
            'cancelable': true
        }, moeglicheEvents = [
            ['HTMLEvents', ['load', 'unload', 'abort', 'error', 'select', 'change', 'submit', 'reset', 'focus', 'blur', 'resize', 'scroll']],
            ['MouseEvents', ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mousemove', 'mouseout']]
        ];

        for(i=0,j=moeglicheEvents.length;i<j;++i) {
            for(k=0,l=moeglicheEvents[i][1].length;k<l;++k) {
                if(arguments[1] === moeglicheEvents[i][1][k]) {
                    eventType = moeglicheEvents[i][0]; i = j; k = l;
                }
            }
        }

        if(arguments.length > 2) {
            if((typeof arguments[2]) === 'object') {
                change(einstellungen, arguments[2]);
            }
        }

        if(eventType === null) {
            throw new SyntaxError('Event type "' + arguments[1] + '" is not implemented!');
        }

        if(document.createEvent) {
            event = document.createEvent(eventType);

            if(eventType === 'HTMLEvents') {
                event.initEvent(arguments[1], einstellungen.bubbles, einstellungen.cancalable);
            } else {
                event.initMouseEvent(arguments[1], einstellungen.bubbles, einstellungen.cancelable, document.defaultView,
                    einstellungen.button, einstellungen.pointerX, einstellungen.pointerY, einstellungen.pointerX, einstellungen.pointerY,
                    einstellungen.ctrlKey, einstellungen.altKey, einstellungen.shiftKey, einstellungen.metaKey, einstellungen.button, arguments[0]);
            }

            arguments[0].dispatchEvent(event);
        } else {
            einstellungen.clientX = einstellungen.pointerX;
            einstellungen.clientY = einstellungen.pointerY;

            event = document.createEventObject();

            event = extend(event, einstellungen);

            arguments[0].fireEvent('on' + arguments[1], event);
        }
    }

参数 1 是元素，第二个参数是事件，第三个（可选）选项。

对不起，我忘了重写一些部分：

_.isObject()至(typeof arguments[2]) == 'object'

并_.change进行更改并且需要此功能：

function change() {
    var name;

    for(name in arguments[1]) {
        if((typeof arguments[1][name]) === 'object') {
            if((typeof arguments[0][name]) === 'undefined') {
                arguments[0][name] = {};
            }

            change(arguments[0][name], arguments[1][name]);
        } else {
            arguments[0][name] = arguments[1][name];
        }
    }

    return arguments[0];
};

编辑：

在你的情况下，它会是fireEvent(document.getElementById('example'), 'click');