JSFiddle - React, Tailwind, and code Playground
HTML
<div id="mouse-click">Нажмите на любую кнопку мыши (можно также колёсико мыши)</div>
<!-- пример сайта know-online.com -->
CSS
#mouse-click {
background: #e2e2e2;
padding: 20px;
text-align: center;
}
body {
font-family: sans-serif;
}
JavaScript
document.getElementById('mouse-click').onmousedown = function(e) {
if (e.which == 1) {this.innerHTML = "Была нажата левая кнопка мыши"}
if (e.which == 2) {this.innerHTML = "Было нажато колёсико мыши"}
if (e.which == 3) {this.innerHTML = "Была нажата правая кнопка мыши"}
}
var event=new Event('mousedown');
event.which=2;
document.getElementById('mouse-click').dispatchEvent(event);