resize() event handling in JQuery

Triggers when browser window changes its size. Syntax is here
$(window).resize(function(){
/// code here ///
})

  • Video Tutorial on window resize Events


Displaying window width while resizing.
Demo is here ( Change the size of this window and check the width displayed while changing )
Resize this window

JQuery

<script>
$(document).ready(function() {
// Jquery code here ///
$(window).resize(function(){
  $('#d1').html("Resize event,  : window width :"+ $(window).width())
})
////
});
</script>

HTML

<div id=d1>Resize this window</div>

  • Video Tutorial on keyboard Events


Event Reference scroll()
Keypress() keyup() keydown() Learn which key is pressed by user

Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com



    Post your comments , suggestion , error , requirements etc here .







    Most Popular JQuery Scripts

    1

    Two dependant list boxes

    2

    Calendar with Date Selection

    3

    Data change by Slider

    4

    Show & Hide element


    JQuery Video Tutorials




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer