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

Creating an event handler for user right clicking and inspecting an element in Firefox or Chrome

本文关键字：检查 元素 创建 程序 事件处理 单击 右键 用户 Firefox Chrome      更新时间：2023-09-26

这可能是一个更关心隐私的问题，而不是潜在的适用性，但是有没有一种方法来创建一个事件处理程序，以获取用户在Chrome或Firefox中右键单击并选择"inspect element"的事件?

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

我把一个小提琴放在一起，你可以得到所有的信息的元素，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/

您可以监听事件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);
相关文章：