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>