Как изменить щелчок левой кнопкой мыши и правой кнопкой мыши?

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

$(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 3

Вы также можете сделать это с помощью простого 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> 

Answer 4

Это традиционный способ переопределить левую и правую кнопку мыши. В коде я предотвращаю распространение события с помощью щелчка правой кнопкой мыши, поэтому контекстное меню не будет отображаться.

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"; 
}