combine load and resize plain JavaScript - Stack Overflow

admin管理员组

文章数量:1352011

I bine the load en the resize function in one.

$(window).on("resize", function () {
    if (window.innerWidth < 700) {
        alert('hello');
    }
}).resize();

But I am looking for a code in plain JavaScript (without jQuery).

How can I create this?

I bine the load en the resize function in one.

$(window).on("resize", function () {
    if (window.innerWidth < 700) {
        alert('hello');
    }
}).resize();

But I am looking for a code in plain JavaScript (without jQuery).

How can I create this?

• javascript
• resize
• load

Share Improve this question Follow edited Oct 30, 2016 at 11:59 ROMANIA_engineer 56.7k3030 gold badges209209 silver badges205205 bronze badges asked Oct 30, 2016 at 11:56 JoppiebJoppieb 3911 gold badge11 silver badge77 bronze badges 2

• You're after setting up an event listener for DOMContentLoaded and resize. Check out developer.mozilla/en-US/docs/Web/API/EventTarget/… for details. – JVDL Commented Oct 30, 2016 at 12:02
• You're not bining Load and Resize but DOM ready and Resize (at least from what you provided) – Roko C. Buljan Commented Oct 30, 2016 at 12:02

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You can do this by adding event listener and calling a function on resize:

window.addEventListener("resize", onResizeFunction);

function onResizeFunction (e){
//do whatever you want to do on resize event 
}

Same thing is for onLoad event:

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want 
}

If you want to trigger function on resize, when the window loads

window.addEventListener("load", onLoadFunction);

function onLoadFunction(e){
//do the magic you want 
onResizeFunction();// if you want to trigger resize function immediately, call it 

window.addEventListener("resize", onResizeFunction);
}

function onResizeFunction (e){
//do whatever you want to do on resize event 
}

本文标签： combine load and resize plain JavaScriptStack Overflow