Javascript DOM onresize Event via HTML Tag onresize function

Introduction

In JavaScript: 

object.onresize = function(){
       myScript};

This example uses the HTML DOM to assign an "onresize" event to the body element.

Try to resize the browser window.

View in separate window 

<!DOCTYPE html>
<html>
<body>
<p>Window resized <span id="demo">0</span> times.</p>
<script>
document.getElementsByTagName("BODY")[0].onresize = function() {myFunction()};

var x = 0;//from   w  ww .  j a  v  a2s. c om
function myFunction() {
  var txt = x += 1;
  document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>
Bubbles: No
Cancelable: No
Event type: UiEvent if generated from a user interface, Event otherwise
Supported HTML tags: <body>



PreviousNext

Related