CODEWITHSUNDEEP
javascripthtmldom-events
LastSecondsToLive
LastSecondsToLive

Reputation: 744

JS/HTML - onresize doesn't fire

I wanted to add the resize event to an element (I know you can't add resize to a specific element, but it would be fine if the JS-function would be triggered on a resize of any kind - not the specific element).

I was thinking about this: 

<div onresize="wrapperResize();"></div>

This somehow doesn't work (Safari user here). This however works:

<div onclick="wrapperResize();"></div>

Currently wrapperResize() only holds a simple console.log(). What could I do about this?

PS: This works great (traditional checked), what do I even do different?

EXTRA: The div has a fixed height and 33% of the body element wide. Even though the event should fire, when the window is resized I thought this may be the cause.

Upvotes: 0

Views: 822

Answers (2)

Starx
Starx

Reputation: 79041

You cannot attach a onresize event on a <div> container. It is only available for window for most of the browsers.

Upvotes: 2

aprok
aprok

Reputation: 1157

I think you should set onresize handler on window and do it in javascript, not inline html.. Like so

window.onresize = yourFunction

Upvotes: 2

Related Questions