<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 100px;
height: 100px;
background: red;
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById("div1");
// ie/chrome : onmousewheel
// event.wheelDelta
// 上:120 下:-120
// firefox: DOMMouseScroll必须用addEventListener
// event.detail
// 上:-3 下: 3
// return false阻止的是 obj.on事件名称=fn 所触发的事件名称
// addEventListener绑定的事件需要通过event下面的preventDefault();
oDiv.onmousewheel=fn;
if(addEventListener){
oDiv.addEventListener('DOMMouseScroll',fn,false);
}
function fn(ev){
// alert(1);
var ev=ev||event;
// alert(ev.wheelDelta);
// alert(ev.detail);
var b=true;
if(ev.wheelDelta){
b=ev.wheelDelta>0?true:false;
}else{
b=ev.detail<0?true:false;
}
// alert(b);
if(b){
this.style.height=this.offsetHeight-10+"px";
}else{
this.style.height=this.offsetHeight+10+"px";
}
if(ev.preventDefault){
ev.preventDefault();
}
return false;
}
document.oncontextmenu=function(){
return false;
}
// ie
// document.attachEvent('contextmenu',function(){
// return false;
// });
// 火狐
document.addEventListener('contextmenu',function(ev){
ev.preventDefault();
});
}
</script>
</head>
<body style="height: 2000px;">
<div id="div1"></div>
</body>
</html>
