Answers for "screen size change event javascript"

js window resize listener

//listen for window resize event
window.addEventListener('resize', function(event){
    var newWidth = window.innerWidth;
    var newHeight = window.innerHeight; 
});

js detect screen size change

window.onresize = function(){
console.log("resize");
}

javascript resize event

window.resize = event => {
  // Code here
};

window change detect

// listen for window reload or part of the page reload
var oldHref = document.location.href;

window.onload = function() {
    var bodyList = document.querySelector("body")
        ,observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (oldHref != document.location.href) {
                    oldHref = document.location.href;
                    /* Changed ! your code here */
                }
            });
        });

    var config = {
        childList: true,
        subtree: true
    };
    observer.observe(bodyList, config);
};

Get width of screen on resize event

@HostListener('window:resize', ['$event'])
onResize(event) {
  this.innerWidth = window.innerWidth;
}

javascript on screen width change

$(window).resize(function() {
  /* Do shit */
  console.log('window was resized');
});