Valmis Tapahtuman koon muuttaminen CSS-temppuja

Anonim

Jos olet tottunut jQuery-käyttöliittymän kokoon, voit saada tapahtumia, joihin voit sitoutua koon muuttamisen aikana, mutta myös koon lopussa.

Natiivia JavaScriptiä ei ole tällaista tapahtumaa.

Voit väärentää sen asettamalla aikakatkaisun suoritettavan koodin suorittamiseksi, kun koon muuttaminen loppuu. Tyhjennä sitten aikakatkaisu aina, kun kokotapahtuma käynnistyy. Tällä tavalla aikakatkaisu päättyy vain, jos aikakatkaisu todella päättyy.

var resizeTimer; $(window).on('resize', function(e) ( clearTimeout(resizeTimer); resizeTimer = setTimeout(function() ( // Run code here, resizing has "stopped" ), 250); ));

Samanlainen kuin vapauttaminen.