Javascript 如何更改鼠标左键单击和右键单击选项?
我有一些按顺序命名的HTML文件集。是否可以将鼠标右键单击指定给下一个html页面,将鼠标左键单击指定给上一个html页面,以及如何执行此操作?这就是我们处理鼠标单击的方式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
$('#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";
}