javascript - マウスの左クリックと右クリックのオプションを変更するには?

Question

順番に名前が付けられた HTML ファイルのセットがあります。マウスの右クリックを次の HTML ページに割り当て、マウスの左クリックを前の HTML ページに割り当てることは可能ですか?また、その方法は?

Answer 1

これが、マウスクリックを処理する方法です..

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left mouse button pressed');
            //code to navigate to left page
            break;

        case 2:
            alert('Right mouse button pressed');
           //code to navigate to right page
            break;
        default:
            alert('Mouse is not good');
    }
});

Answer 2

これは、左右のクリックをオーバーライドする従来の方法です。コードでは、右クリックのイベントの伝播も防止しているため、コンテキスト メニューは表示されません。

JSFiddle

window.onclick = leftClick
window.oncontextmenu = function (event) {
    event = event || window.event;
    if (event.stopPropagation)
        event.stopPropagation();

    rightClick();

    return false;
}

function leftClick(event) {
    alert('left click');
    window.location.href = "http://www.google.com";
}

function rightClick(event) {
    alert('right click');
    window.location.href = "http://images.google.com";
}

Answer 3

$(function(){
    $(document).mousedown(function(event) {
    switch (event.which) {
        case 1:
            window.location.href = "http://stackoverflow.com" // here url prev. page
            break;
        case 3:
            window.location.href = "http://www.google.com" // here url next. page
            break;
        default:
            break;
    }
    });
  })

jquery ライブラリを追加することを忘れないでください。

Answer 4

簡単な Javascript を使用してこれを行うこともできます。

<script type='text/javascript'>
function right(e){
    //Write code to move you to next HTML page
}

<canvas style='width: 100px; height: 100px; border: 1px solid #000000;' oncontextmenu='right(event); return false;'>
     //Everything between here's right click is overridden.
</canvas>