jQuery middle-click

by mofle

HTML

<div>
    <span>Click here with middle mouse button</span>
</div>

JavaScript

$("span").on("mousedown", function() {
    console.log("mousedown: direct");
});

$("div").on("mousedown", "span", function() {
    console.log("mousedown: delegation");
});

$("body").on("mousedown", "span", function() {
    console.log("mousedown: live");
});



$("span").on("click", function() {
    console.log("click: direct");
});

$("div").on("click", "span", function() {
    console.log("click: delegation");
});

$("body").on("click", "span", function() {
    console.log("click: live");
});