一晚凿、阻止默認事件:
1.默認事件:瀏覽器頁面有很多行為:左擊亭罪,右擊,雙擊歼秽,滾輪事件皆撩。這些都是瀏覽器的默認自帶的事件
2.阻止默認事件:要來對這個事件進行破壞
e.preventDefault(); 阻止默認事件
e.returnValue = false; 兼容低版本IE
return false; 可以阻止默認事件(注意:只能阻止DOM零級而不能阻止DOM二級)
//DOM零級寫法:
document.oncontextmenu = function(e){
e = e || window.event;
console.log("已經(jīng)觸發(fā)右擊事件!");
e.preventDefault();
//e.returnValue = false;
}
//DOM二級寫法:
document.addEventListener("contextmenu", function(e){
e = e || window.event;
console.log("已經(jīng)觸發(fā)右擊事件!");
e.preventDefault();
//e.returnValue = false;
});
//return false 阻止默認事件扛吞,DOM二級不支持return false
document.oncontextmenu = function(){
console.log("已經(jīng)觸發(fā)右擊事件呻惕!");
return false;
}
二、滾輪事件與滾動事件
1.滾動事件:window.onscroll:監(jiān)聽到的是瀏覽器的滾動條
window.onscroll = function(){
console.log("滾動事件觸發(fā)了滥比!");
}
2.滾輪事件:document.onmousewheel:(火狐瀏覽器的兼容要在DOM二級中寫亚脆,DOM零級無法實現(xiàn)!)
document.onmousewheel = function(){
console.log("滾輪事件觸發(fā)了盲泛!");
return false;
}
//DOMMouseScroll火狐瀏覽器兼容寫法
document.addEventListener("DOMMouseScroll", function(e){
e.preventDefault();
console.log("火狐瀏覽器的滾輪事件");
});
三濒持、滾輪方向
主流瀏覽器滾動值:
1.值都為120的倍數(shù)
2.向下滾:值為負數(shù)
向上滾:值為正數(shù)
火狐瀏覽器滾動值:
1.值都為3的倍數(shù)
2.向下滾:值為正數(shù)
向上滾:值為負數(shù)
document.onmousewheel = function(e){
console.log(e.wheelDelta);
}
document.addEventListener("DOMMouseScroll", function(e){
console.log(e.detail);
});