js動態添加onload、onresize、onscroll事件(另類方法)

來源:互聯網
上載者:User

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 的誤導,正確的應該是 window.onload,window.onload 在 IE、Firefox、Chrome 中均有效。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.