Sử dụng window.addEventListener để resize và responsive <3

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
	<script>
		$(document).ready(function() {
  		var x = $(window).width();
			var onresize = function(e) {
	    	width = e.target.outerWidth;
	      if(x > 769 && width <= 769){
	      	window.location.reload(true);
	      }else if(x <= 769 && width > 769) {
	      	window.location.reload(true);
	      }else {
	      }
	  	}
    	window.addEventListener("resize", onresize);
		});
	</script>
</head>
<body>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo ducimus quae, ratione corrupti, minus possimus. Unde maxime repudiandae delectus, ab perferendis cum eaque reprehenderit necessitatibus velit reiciendis atque totam culpa enim facilis magni animi nulla minima nostrum adipisci consequuntur in blanditiis. Laborum porro deleniti nam beatae minus blanditiis earum repellat.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab veritatis pariatur commodi harum, velit quam corrupti ea, eum deserunt doloremque ipsa quas nostrum labore, adipisci cum saepe dolorem totam consectetur repudiandae odit hic repellat sunt! Deleniti reiciendis et laborum distinctio excepturi quo laudantium. Deleniti quas quae iure autem esse harum necessitatibus earum consequatur, omnis dolor consectetur odio cum reiciendis expedita neque quod vero et in! Molestiae sed, in adipisci animi laborum, mollitia nemo? Cupiditate aut quasi libero! Omnis expedita error veritatis, vero, reiciendis, libero maiores, eius nesciunt fugit voluptas est ullam. Incidunt inventore dolore esse, maxime pariatur illum error temporibus?</p>
</body>
</html>
PreviousFix lỗi tự động làm thay đổi độ cao :( vieclam123.vn :(NextJavascript create, read, and delete cookies (ok)

Last updated