阻止默認事件,滾輪事件與滾動事件

一晚凿、阻止默認事件:
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);
});
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市寺滚,隨后出現(xiàn)的幾起案子柑营,更是在濱河造成了極大的恐慌,老刑警劉巖村视,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件官套,死亡現(xiàn)場離奇詭異,居然都是意外死亡蚁孔,警方通過查閱死者的電腦和手機奶赔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來杠氢,“玉大人站刑,你說我怎么就攤上這事”前伲” “怎么了绞旅?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長温艇。 經(jīng)常有香客問我玻靡,道長,這世上最難降的妖魔是什么中贝? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任囤捻,我火速辦了婚禮,結(jié)果婚禮上邻寿,老公的妹妹穿的比我還像新娘蝎土。我一直安慰自己,他們只是感情好绣否,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布誊涯。 她就那樣靜靜地躺著,像睡著了一般蒜撮。 火紅的嫁衣襯著肌膚如雪暴构。 梳的紋絲不亂的頭發(fā)上跪呈,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天,我揣著相機與錄音取逾,去河邊找鬼耗绿。 笑死,一個胖子當(dāng)著我的面吹牛砾隅,可吹牛的內(nèi)容都是我干的误阻。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼晴埂,長吁一口氣:“原來是場噩夢啊……” “哼究反!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起儒洛,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤精耐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后琅锻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卦停,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年浅浮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捷枯。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡滚秩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出淮捆,到底是詐尸還是另有隱情郁油,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布攀痊,位于F島的核電站桐腌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏苟径。R本人自食惡果不足惜案站,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望棘街。 院中可真熱鬧蟆盐,春花似錦、人聲如沸遭殉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽险污。三九已至痹愚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背拯腮。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工窖式, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人疾瓮。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓脖镀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親狼电。 傳聞我的和親對象是個殘疾皇子蜒灰,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的强窖。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,490評論 1 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5削祈? 答:HTML5是最新的HTML標準翅溺。 注意:講述HT...
    kismetajun閱讀 27,485評論 1 45
  • js之事件機制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驅(qū)動...
    道無虛閱讀 2,362評論 1 3
  • 事件是什么髓抑,可以用來做什么咙崎,什么時候用到它? 事件吨拍,就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬間褪猛。JavaScr...
    茂茂愛吃魚閱讀 1,517評論 0 16
  • 每次過節(jié)之前我和媽媽都會去昆山看望我的外婆。今年大年28羹饰,我又和媽媽一起去看望她了伊滋。外婆知道我要去,高興的...
    季妞妞閱讀 192評論 0 1