Little example extension:
manifest.json:
{
“manifest_version”: 2,
“version”: “1.0.0”,
“name”: “popup click test”,
“browser_action”: {
“browser_style”: true,
“default_title”: “popup click tests”,
“default_popup”: “popup.html”
}
}
popup.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body class="panel">
<section class="panel-section panel-section-panelForm">
<button id="btn">Click me</button>
<output id="opt">
</section>
<script src="popup.js"></script>
</body>
</html>
popup.js:
const btn = document.getElementById(“btn”);
const opt = document.getElementById(“opt”);
const readableButtons = [ “left”, “middle” ];
btn.addEventListener(“click”, (e) => {
opt.value = readableButtons[e.button] + " " + e.button + " " + e.which;
}, true);
btn.addEventListener(“contextmenu”, (e) => {
opt.value = “context”;
}, false);
The extension listens to both the click and the contextmenu events and prints the relevant button when it gets a click event.
Chrome will fire the click event for left (opt.value = “left 0 1”) and middle click (opt.value = “middle 1 2”) and the contextmenu event for right click. It will also show a context menu.
Firefox 55 - fire only click event for left click and contextmenu event for right click.
Firefox 56b - fire only click event for left click.