我想跟踪 html 文本输入上的鼠标右键单击 + 删除事件。我成功映射鼠标右键+粘贴/剪切/复制如下图

          $("#evalname").bind('paste/cut/copy', function(e)
          {
             do something

          });

这里 'evalname' 是我的 html 文本输入的 ID。我试过了

          $("#evalname").bind('delete', function(e)
          {
             do something

          });

但不工作。有什么方法可以在 Jquery/Javascript 中映射 Right Mouse Click + Delete 事件吗？

最佳答案

正如已经回答的那样，不可能在浏览器上选择正在使用的上下文菜单删除，事实上，使用 .bind('copy', func....) 不仅听上下文菜单的副本，还有 CTRL+c 因为它实际上绑定(bind)到剪贴板。

我已经整理了一个插件，老实说这有点 hack，但它可以让你捕获:

或者只是一个、两个、三个或四个项目 (s) 以上述任何一种方式。当然，一个问题是 IE，它不会触发 jQuerys .bind('input', func.... 来监听变化，所以我需要为 IE 触发它，因此可能有一个小的延迟(毫秒)。

插件:

(function($) {
    $.fn.contextDelete = function(options) {
        var set = {
            'obj': $(this),
            'menu': false,
            'paste': false,
            'cut': false,
            'copy': false,
            'set': '',
            'ie': null,
        };
        var opts = $.extend({
            'contextDelete': function() {},
            'paste': function() {},
            'cut': function() {},
            'copy': function() {},
            'contextOnly': false,
        }, options);

        $(window).bind({
            click: function() {
                set.menu = false;
            },
            keyup: function() {
                set.menu = false;
            }
        });

        set.obj.bind({
            contextmenu: function() {
                set.menu = true;
                set.paste = false;
                set.cut = false;
                set.copy = false;
                set.val = set.obj.val();

                // Hack for IE:
                if ($.browser.msie) {
                    set.ie = setInterval(function() {
                        set.obj.trigger($.Event('input'));
                        if (!set.menu) {
                            clearInterval(set.ie);
                        }
                    }, 300);
                }
                // End IE Hack
            },
            paste: function(e) {
                set.paste = true;
                if (opts.contextOnly) {
                    if (set.menu) {
                        opts.paste(e);
                        set.menu = false;
                    }
                }
                else {
                    opts.paste(e);
                }
            },
            cut: function(e) {
                set.cut = true;
                if (opts.contextOnly) {
                    if (set.menu) {
                        opts.cut(e);
                        set.menu = false;
                    }
                }
                else {
                    opts.cut(e);
                }
            },
            copy: function(e) {
                set.copy = true;
                if (opts.contextOnly) {
                    if (set.menu) {
                        opts.copy(e);
                        set.menu = false;
                    }
                }
                else {
                    opts.copy(e);
                }
            },
            input: function(e) {
                if (set.menu && (!set.paste) && (!set.cut) && (!set.copy)) {
                    if (set.obj.val().length < set.val.length) {
                        opts.contextDelete(e);
                        set.menu = false;
                    }
                }
            }
        });
    };
})(jQuery);

一个示例用法，contextmenu delete + context copy ONLY:

$('#evalname').contextDelete({
    contextDelete: function(e) {
        alert('You just deleted something!');
    },
    copy: function(e) {
        alert('You just copied something!');
    },
    contextOnly: true,
});

Click Here for a DEMO

关于javascript - 如何使用 Jquery/Javascript 检测鼠标右键单击 + 删除，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8727898/