Как имитировать нажатие средней кнопки мыши с помощью js?

Question

[Азат Киберов]

Как имитировать с помошью js клик средней мышью.Как?

Обычный клик имитируется так

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(e){
  setInterval(function(){
       var myElement = document.querySelector(".button")
       myElement.click()
    }, 4000) 
})
</script>

А как имитировать среднюю кнопку мыши?

Answer 1

[Дмитрий Лузанов]

if (window.CustomEvent) {
    const myElement = document.querySelector(".button")
    const middleClick = new MouseEvent("click", { "button": 1, "which": 1 });
    myElement.dispatchEvent(middleClick);
}

Comments

[Азат Киберов]

Можете показать полный код

<script type="text/javascript">
if (window.CustomEvent) {
    const myElement = document.querySelector(".button")
    const middleClick = new MouseEvent("click", { "button": 1, "which": 1 });
    myElement.dispatchEvent(middleClick);
}
</script>

Не работает?

[Дмитрий Лузанов]

Азат Киберов, все работает. Подпишитесь на событие и смотрите:

const myElement = document.querySelector(".button")

setInterval(function(){
      const middleClick = new MouseEvent("click", { "button": 1, "which": 1 });
      myElement.dispatchEvent(middleClick);
}, 4000)

myElement.addEventListener("click", e => console.log(e))

[Дмитрий Лузанов]

https://jsfiddle.net/a368d7bm/1/

[Азат Киберов]

А как сделать чтобы открывалось в фоновой вкладке?

[Дмитрий Лузанов]

Азат Киберов, так это совсем другая история. Клик колеса тут играет лишь роль удобства в браузере, но никак не является частью API.

Можно сделать так, но браузер скорее всего заблокирует всплывающее окно. И вообще, не нужно делать решения за пользователя, это только ухудшит UX.

const newTab = window.open("https://google.com", "_blank");
newTab.focus();