Question

这可能是一个问题，更多是出于对隐私的关注，而不是潜在的适用性，但有没有办法创建一个事件处理程序，用于在Chrome或Firefox中选择用户右键单击并选择“inspect element”的事件？

如果没有明确的答案，是否有办法处理右键菜单选择的事件？

Answer 1

我把它放在一起，你可以获得mousedown元素的所有信息事件发生了

document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
}, false);

document.addEventListener("mousedown", function(e) {
    console.log(e); // you can inspect the click event

    $this = $('.cmenu');

    if (e.which === 3){ // right click = 3, left click = 1
        $this.addClass('open');
        $this.css({
            'left': e.pageX - $this.width() / 2,
            'top': e.pageY - $this.height()
        });
    }else if(e.which === 1 && e.target.nodeName == "HTML"){
        $this.removeClass('open');
    }
});

http://jsfiddle.net/MKBdv/1/

Answer 2

您可以收听事件click，添加检查是否是右击：

document.addEventListener("mousedown", function(e) {
    console.log(e); // you can inspect the click event

    if (e.which === 3) { // right click = 3, left click = 1
        alert("right click");
    }
});

// prevent context menu show up
document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
}, false);

为用户右键单击并检查Firefox或Chrome中的元素创建事件处理程序

2 个答案: