Блог

Как я могу вручную вызвать щелчок правой кнопкой мыши с помощью Javascript?

Я могу сделать это с помощью jQuery, но в этом случае я могу использовать только чистый Javascript.

Создайте событие с помощью CustomEvent конструктора или (если он не поддерживается), создайте событие, используя document.createEvent в качестве аргумента строку «HTMLEvents» (потому что вы собираетесь создать click событие). Затем используйте initEvent метод для создания click события.

Наконец, используйте dispatchEvent метод для запуска события. Если вы используете IE, fireEvent вместо этого следует использовать метод.

Если вы хотите запустить событие contextmenu rightclick, используйте приведенный ниже код:

 var element = document.getElementById('yourElement');
if (window.CustomEvent) {
    element.dispatchEvent(new CustomEvent('contextmenu'));
} else if (document.createEvent) {
    var ev = document.createEvent('HTMLEvents');
    ev.initEvent('contextmenu', true, false);
    element.dispatchEvent(ev);
} else { // Internet Explorer
    element.fireEvent('oncontextmenu');
}
  

Другой вариант, на этот раз с использованием MouseEvent API, который немного более современный. В моем случае я фактически отправляю все три события mouseup / mousedown / contextmenu:

 var element = document.getElementById("yourElement");
var ev1 = new MouseEvent("mousedown", {
    bubbles: true,
    cancelable: false,
    view: window,
    button: 2,
    buttons: 2,
    clientX: element.getBoundingClientRect().x,
    clientY: element.getBoundingClientRect().y
});
element.dispatchEvent(ev1);
var ev2 = new MouseEvent("mouseup", {
    bubbles: true,
    cancelable: false,
    view: window,
    button: 2,
    buttons: 0,
    clientX: element.getBoundingClientRect().x,
    clientY: element.getBoundingClientRect().y
});
element.dispatchEvent(ev2);
var ev3 = new MouseEvent("contextmenu", {
    bubbles: true,
    cancelable: false,
    view: window,
    button: 2,
    buttons: 0,
    clientX: element.getBoundingClientRect().x,
    clientY: element.getBoundingClientRect().y
});
element.dispatchEvent(ev3);
  

Например, я не пробовал, но вам нужно создать объект event и передать его при запуске события. для события передачи щелчка правой кнопкой мыши.кнопка = 2;

 var element = document.getElementById("yourElement"),
  ev;
if(document.createEvent ) {
    ev = document.createEvent("MouseEvents");
    ev.initMouseEvent("click", true, false, window,0,0,0,0,0,false,false,false,false,2,null);
    element.dispatchEvent(ev);
} else {
    ev = document.createEventObject();
    ev.button = 2;
    element.fireEvent('onclick', ev);
}
  

Обновлено в соответствии с mdn initMouseEvent.
Удачи 🙂