js動態(tài)添加onload、onresize、onscroll事件(另類方法)
更新時間:2012年12月26日 11:30:36 作者:
window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來添加于是本人想了一些另類的方法,需要了解的朋友可以參考下
window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來添加。
也就是說,它只能這樣來(以 onload 為例,下同):
window.onload = function()
{
// ...
};
但這有個問題,就是想再為 onload 增加新的事件處理程序時,不能直接為 window.onload 賦值了,否則前面的賦值就會被覆蓋了。
可這樣做:
var oldLoadHandler = window.onload;
window.onload = function()
{
if (oldLoadHandler)
{
oldLoadHandler();
}
newLoadHandler();
};
在 ezj 中,就更加方便了。
$(window).ready(onloadHandler1);
$(window).ready(onloadHandler2);
說明
我們一般接觸的 onload 事件是 document.body.onload,但這實際上是由于 IE 的誤導(dǎo),正確的應(yīng)該是 window.onload,window.onload 在 IE、Firefox、Chrome 中均有效。
也就是說,它只能這樣來(以 onload 為例,下同):
復(fù)制代碼 代碼如下:
window.onload = function()
{
// ...
};
但這有個問題,就是想再為 onload 增加新的事件處理程序時,不能直接為 window.onload 賦值了,否則前面的賦值就會被覆蓋了。
可這樣做:
復(fù)制代碼 代碼如下:
var oldLoadHandler = window.onload;
window.onload = function()
{
if (oldLoadHandler)
{
oldLoadHandler();
}
newLoadHandler();
};
在 ezj 中,就更加方便了。
復(fù)制代碼 代碼如下:
$(window).ready(onloadHandler1);
$(window).ready(onloadHandler2);
說明
我們一般接觸的 onload 事件是 document.body.onload,但這實際上是由于 IE 的誤導(dǎo),正確的應(yīng)該是 window.onload,window.onload 在 IE、Firefox、Chrome 中均有效。
您可能感興趣的文章:
- JS中setTimeout的巧妙用法前端函數(shù)節(jié)流
- 淺談JavaScript函數(shù)節(jié)流
- JavaScript函數(shù)節(jié)流概念與用法實例詳解
- JavaScript性能優(yōu)化之函數(shù)節(jié)流(throttle)與函數(shù)去抖(debounce)
- js隱藏與顯示回到頂部按鈕及window.onscroll事件應(yīng)用
- JS 滾動事件window.onscroll與position:fixed寫兼容IE6的回到頂部組件
- javascript的offset、client、scroll使用方法詳解
- javascript scrollTop正解使用方法
- JS中完美兼容各大瀏覽器的scrolltop方法
- JavaScript觸發(fā)onScroll事件的函數(shù)節(jié)流詳解
相關(guān)文章
bootstrap table實現(xiàn)單擊單元格可編輯功能
這篇文章主要為大家詳細介紹了bootstrap table實現(xiàn)單擊單元格可編輯功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03讓JavaScript 輕松支持函數(shù)重載 (Part 1 - 設(shè)計)
JavaScript支持函數(shù)重載嗎?可以說不支持,也可以說支持。說不支持,是因為JavaScript不能好像其它原生支持函數(shù)重載的語言一樣,直接寫多個同名函數(shù),讓編譯器來判斷某個調(diào)用對應(yīng)的是哪一個重載。2009-08-08JavaScript直播評論發(fā)彈幕切圖功能點集合效果代碼
這篇文章主要介紹了JavaScript直播評論發(fā)彈幕切圖功能點集合效果代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-06-06淺談js之字面量、對象字面量的訪問、關(guān)鍵字in的用法
下面小編就為大家?guī)硪黄獪\談js之字面量、對象字面量的訪問、關(guān)鍵字in的用法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11Boostrap基礎(chǔ)教程之JavaScript插件篇
Boostrap提供了12種JavaScript插件,在本文中給大家介紹了,不知道的朋友可以參考下,本文重點給大家介紹bootstrap基礎(chǔ)之js插件,感興趣的朋友一起學(xué)習(xí)吧2016-09-09Javascript中 帶名 匿名 箭頭函數(shù)的重要區(qū)別(推薦)
這篇文章主要介紹了Javascript中 帶名 匿名 箭頭函數(shù)的重要區(qū)別,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-01-01vite添加環(huán)境變量import.meta.env的方法
在不同的文件里面配置不同的環(huán)境變量,可以讓我們的配置更加容易維護和使用,這里我們說下vite配置環(huán)境變量和模式是怎么配置的,對vite環(huán)境變量相關(guān)知識感興趣的朋友跟隨小編一起看看吧2023-10-10