禁用鼠标右键单击并且不更改JavaScript中的光标位置

Question

I want to disable mouse right click and don't change cursor position In Javascript. Here is my code example:

<input id="PhoneNumber" style="width: 160px;" />

$('#PhoneNumber').mousedown(function (e) {
    if (event.which > 1) {
        e.preventDefault();
    } else {
        //Do some work
    }
});

But This doesn't work. When i am clicking with right mouse button, it changes caret position.

[UPDATED] Works on chrome. Doesn't working on IE

Answer 1

You need to subscribe to the mouseup event also:

$('#PhoneNumber').on('mousedown mouseup', function (e) {
        if (event.which > 1) {
            e.preventDefault();
        } else {
            //Do some work
        }
    });

Answer 2

You should use the contextmenu event and return false:

    $('#PhoneNumber').on("contextmenu", function(e) {
        return false;
    });

Answer 3

you can use contextmenu :

$('#PhoneNumber').contextmenu(function (e) {
      e.preventDefault();
});

Working Demo

Answer 4

$('#PhoneNumber').bind("cut copy paste contextmenu", function (e) {
            e.preventDefault();
            var pos = ($(this).getCursorPosition());
            var index = $('#PhoneNumber').val().length;
            if (index < 5) {
                index = 5;
            }
            $(this).caretTo(index);
        });

        $('#PhoneNumber').click(function () {
            var pos = ($(this).getCursorPosition());
            var index = $('#PhoneNumber').val().length;
            if (index < 5) {
                index = 5;
            }
            $(this).caretTo(index);
        });

        $('#PhoneNumber').on('mousedown mouseup', function (e) {
            if(event.which!=1) {
                e.preventDefault();
                e.returnValue = false;
            }
        });