1.阻止右键菜单
//官方的右键菜单
document.oncontextmenu = function(){
return false;
}
/*
实现自定义的右键菜单,鼠标按下
按下的是右键,在右键这个位置显示菜单
如果是按下别的菜单,菜单消失
*/
var oMenu = document.getElementById("menu");
document .onmousedown = function(ev){
var e = ev || window.event;
if(e.button == 2){
oMenu.style.display = "block";
oMenu.style.left = e.clientX + "px";
oMenu.style.top = e.clientY + "px";
}else {
oMenu.style.display = "none";
}
}
2.阻止超链接默认行为
1)简陋的阻止a链接默认行为的方式
缺点:运行到了return,后续的内容我们就执行不到
var a1 = document.getElementById("a1");
a1.onclick = function(){
return confirm("你确定要离开当前页面吗?");
}
2)规范的方法
a1.onclick = function(ev){
var e = ev || window.event;
preDef(e);
alert("后续操作");
}
/*
编写一个跨浏览器阻止超链接默认行为的函数
*/
function preDef(e){
if(e.preventDefault){
e.preventDefault();
}else{
window.event.returnValue = false;
}
}