Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改鼠标左键单击和右键单击选项?_Javascript_Html - Fatal编程技术网

Javascript 如何更改鼠标左键单击和右键单击选项?

Javascript 如何更改鼠标左键单击和右键单击选项?,javascript,html,Javascript,Html,我有一些按顺序命名的HTML文件集。是否可以将鼠标右键单击指定给下一个html页面,将鼠标左键单击指定给上一个html页面,以及如何执行此操作?这就是我们处理鼠标单击的方式 $('#element').mousedown(function(event) { switch (event.which) { case 1: alert('Left mouse button pressed'); //code to navigate

我有一些按顺序命名的HTML文件集。是否可以将鼠标右键单击指定给下一个html页面,将鼠标左键单击指定给上一个html页面,以及如何执行此操作?

这就是我们处理鼠标单击的方式

$('#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');
    }
});

不要忘了添加jquery库。

您也可以使用一些简单的Javascript来实现这一点

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

功能权限(e){
//编写代码将您移动到下一个HTML页面
}


//这里的右键单击之间的所有内容都被覆盖。

这是覆盖左键和右键单击的传统方法。在代码中,我还阻止右键单击的事件传播,这样上下文菜单就不会显示

请参阅此链接:
<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>
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";
}