Simluate click on another element

by bakhshi

HTML

<button class="click">click me</button>
<button class="other">Other</button>

JavaScript

var $ = document.querySelector.bind(document);
var click = $('.click');
var other = $('.other');

click.addEventListener('click', function (e) {
    setTimeout(function () {
        var event = new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            view: window,
            detail: 1,
            screenX: 0,
            screenY: 0,
            clientX: 0,
            clientY: 0,
            ctrlKey: false,
            shiftKey: false,
            altKey: false,
            metaKey: false,
            button: 0,
            buttons: 0,
            relatedTarget: null
        });
        other.dispatchEvent(event);
    });
});

other.addEventListener('click', function(){
    alert('who clicked me?');
})