滾輪事件與瀏覽器內(nèi)核

鼠標(biāo)滾輪事件

mousewheel事件粥惧,可以在任何元素上觸發(fā)键畴,最終會(huì)冒泡到document(IE8)window(IE9、Opera突雪、Chrome等)對(duì)象起惕。

與mousewheel事件對(duì)應(yīng)的event對(duì)象除了包含鼠標(biāo)事件的所有標(biāo)準(zhǔn)信息之外,還包含一個(gè)特殊的wheelDelta屬性咏删;當(dāng)用戶向前滾動(dòng)鼠標(biāo)滾輪時(shí)惹想,wheelDelta是120的倍數(shù),當(dāng)用戶向后滾動(dòng)鼠標(biāo)滾輪時(shí)督函,wheelDelta是-120的倍數(shù)嘀粱。

栗子:

? ? ? ?Event.addHnadler(document, "mousewheel", function (event) {

? ? ? ?event = EventUtil.getEvent(event);

? ? ? ?alert(event.wheelDelta);

? ? ? ?});

注意:

鼠標(biāo)滾輪事件在IE和谷歌瀏覽器Chrome下是通過onmousewheel這個(gè)事件實(shí)現(xiàn)的激挪,但是Firefox下卻不識(shí)別onmousewheel,在Firefox瀏覽器中锋叨,支持一個(gè)名為DOMMouseScroll的事件垄分,也是在鼠標(biāo)滾輪滾動(dòng)時(shí)觸發(fā),有關(guān)鼠標(biāo)滾輪的信息保存在detail屬性中娃磺,當(dāng)向前滾動(dòng)滾輪時(shí)锋喜,其值為-3的倍數(shù),當(dāng)向后滾動(dòng)滾輪時(shí)豌鸡,其值為3的倍數(shù)

在IE和Chrome下通過event.wheelDelta的返回值可以知道滾輪是向上滾的還是向下滾的

當(dāng)返回值為正值的時(shí)候嘿般,說明是向上滾

當(dāng)返回值是負(fù)值的時(shí)候,說明是向下滾

但是對(duì)火狐下并不起作用涯冠,在火狐下需要通過event.detail來知道滾輪是向上滾的還是向下滾炉奴,火狐下還有一點(diǎn)不同:

當(dāng)返回值為正值的時(shí)候,說明是向下滾

當(dāng)返回值是負(fù)值的時(shí)候蛇更,說明是向上滾

瀏覽器內(nèi)核

瀏覽器內(nèi)核分成兩部分渲染引擎和js引擎瞻赶,由于js引擎越來越獨(dú)立,內(nèi)核就傾向于只指渲染引擎

渲染引擎是一種對(duì)HTML文檔進(jìn)行解析并將其顯示在頁面上的工具

渲染引擎:

?firefox使用gecko引擎

?IE使用Trident引擎

?2015年微軟推出自己新的瀏覽器派任,原名叫斯巴達(dá)砸逊,后改名edge,使用edge引擎

?opera最早使用Presto引擎,后來?xiàng)売?/p>

?chrome\safari\opera使用webkit引擎

?13年chrome和opera開始使用Blink引擎

js引擎:

?老版本IE使用Jscript引擎

?IE9之后使用Chakra引擎

?edge瀏覽器仍然使用Chakra引擎

?firefox使用monkey系列引擎

?safari使用的SquirrelFish系列引擎

?Opera使用Carakan引擎

?chrome使用V8引擎掌逛。nodeJs其實(shí)就是封裝了V8引擎

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末师逸,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子豆混,更是在濱河造成了極大的恐慌篓像,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件皿伺,死亡現(xiàn)場(chǎng)離奇詭異员辩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鸵鸥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門奠滑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人妒穴,你說我怎么就攤上這事宋税。” “怎么了宰翅?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵弃甥,是天一觀的道長爽室。 經(jīng)常有香客問我汁讼,道長淆攻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任嘿架,我火速辦了婚禮瓶珊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘耸彪。我一直安慰自己伞芹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布蝉娜。 她就那樣靜靜地躺著唱较,像睡著了一般。 火紅的嫁衣襯著肌膚如雪召川。 梳的紋絲不亂的頭發(fā)上南缓,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音荧呐,去河邊找鬼汉形。 笑死,一個(gè)胖子當(dāng)著我的面吹牛倍阐,可吹牛的內(nèi)容都是我干的概疆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼峰搪,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼岔冀!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起概耻,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤楣颠,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后咐蚯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體童漩,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年春锋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了矫膨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡期奔,死狀恐怖侧馅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情呐萌,我是刑警寧澤馁痴,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站肺孤,受9級(jí)特大地震影響罗晕,放射性物質(zhì)發(fā)生泄漏济欢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一小渊、第九天 我趴在偏房一處隱蔽的房頂上張望法褥。 院中可真熱鬧,春花似錦酬屉、人聲如沸半等。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽杀饵。三九已至,卻和暖如春谬擦,著一層夾襖步出監(jiān)牢的瞬間凹髓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工怯屉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蔚舀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓锨络,卻偏偏與公主長得像赌躺,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子羡儿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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

  • DOM3級(jí)事件中定義了以下9個(gè)鼠標(biāo)事件: click:在用戶單擊主鼠標(biāo)按鈕或者按下回車鍵時(shí)觸發(fā)礼患。意味著onclic...
    陸lmj閱讀 1,187評(píng)論 0 1
  • JavaScript 與 HTML 間通過事件實(shí)現(xiàn)交互。事件——文檔或?yàn)g覽器窗口中發(fā)生的一些特定的交互瞬間掠归,即用戶...
    sylvia_yue閱讀 466評(píng)論 0 0
  • 事件類型 Web 瀏覽器中可能發(fā)生的事件有很多類型UI事件:當(dāng)用戶與界面上的元素交互時(shí)觸發(fā)缅叠。焦點(diǎn)事件:當(dāng)元素獲得或...
    shanruopeng閱讀 912評(píng)論 0 0
  • 事件處理程序在應(yīng)用中是必不可少的,雖然現(xiàn)在很多框架都有自己實(shí)現(xiàn)事件處理方法,但是熟知原生才能讓我們應(yīng)對(duì)各種各樣的需...
    俗三瘋閱讀 288評(píng)論 0 1
  • 兩年前厨相,去金堂支教领曼,本是一場(chǎng)平凡的不能再的旅行,在途中卻遇到了一位至今都有少許聯(lián)系的人蛮穿。 他是北語的研究生庶骄,是...
    如樹如書閱讀 187評(píng)論 0 1