Practice_jquery/windowevent.html at main · AkashNetzoptimize/Practice_jquery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Window events </title>
    <script
    src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
    crossorigin="anonymous"
  ></script>

  <style>


#box{
    width: 70%;
    height: 200px;
    background: pink;
    padding: 10px;
    border: 1px solid #000;
    overflow: auto;
}
  </style>
</head>
<body>

    <h1>jQuery Window Events</h1>

    <div id="box">
<h2>Test box</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Similique laudantium sint minima velit in quos quia eius, reprehenderit veritatis debitis sit illum? Laborum beatae cupiditate veniam fugiat. Molestias, fugiat nemo!
Eius ratione ea laborum nulla quae tempora dolorem enim porro non dolor, officiis pariatur. Tempora neque excepturi unde quisquam optio quas repudiandae debitis aut explicabo cupiditate sequi, delectus odit autem?
Accusamus, doloremque! Quos sapiente laboriosam temporibus? Earum ullam officiis dolorum fugiat sunt tempora perferendis ex excepturi aliquid! Eos tenetur quae nemo, vitae architecto sint optio aspernatur libero totam nostrum laboriosam?
libero.</p>
    </div>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium deserunt illo minus repellat voluptate corporis fugit maiores! Aliquid, sunt aspernatur similique deleniti soluta sed impedit, suscipit, doloremque alias corrupti fugiat.
    Dolor, cum eaque aperiam, corrupti animi quia hic consectetur libero ipsa necessitatibus odio fugiat unde minus ipsum aspernatur totam voluptatum corporis consequatur perferendis nemo deleniti alias eum facere officia. Voluptatibus?
    Sapiente modi, eligendi beatae sunt odit commodi atque unde nemo numquam possimus neque ducimus blanditiis dicta minima officiis suscipit perspiciatis, iure cum? Cum, autem enim quasi distinctio aperiam sequi quidem!
    Saepe quam atque dolores totam temporibus eos natus necessitatibus voluptate rerum. Laboriosam eaque neque quisquam! Unde sunt quos rerum, beatae consequuntur temporibus quod, accusamus consequatur adipisci voluptatem id nobis eum.
    Reiciendis eaque debitis est nostrum pariatur. Architecto unde quas harum recusandae, dignissimos omnis consequatur obcaecati officia sapiente quisquam tenetur dolorum, sunt soluta totam ea, perferendis suscipit excepturi quaerat cupiditate dolor! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestias iusto dolorem, recusandae magni similique repellendus deleniti, dignissimos delectus ut voluptates fugiat! Totam harum inventore sit labore. Ullam eos atque consequuntur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat officiis, deserunt suscipit iste culpa ad, vero voluptatem molestias, nam laborum repellendus reprehenderit officia sed. Totam tenetur rem dolores illum inventore fugiat quam autem, libero, optio, quod pariatur error dicta! Doloremque ducimus, itaque perferendis id est accusamus adipisci incidunt dolore. Voluptates, illo soluta. Molestias repudiandae accusantium inventore, eveniet et temporibus omnis aut quae beatae ratione dolorum aliquid, voluptates tempora cum, laudantium debitis nihil placeat. Praesentium, maxime eaque. Nam fugiat quae illum asperiores, quaerat velit sint voluptas explicabo saepe? Aperiam id possimus, iusto corporis asperiores obcaecati cum. Blanditiis, voluptatem alias quaerat laboriosam nisi non porro pariatur magnam dicta vero dolor, voluptate officia est nostrum facilis facere maxime officiis asperiores odit doloribus dolorum ipsam consequatur a! Culpa, iusto veritatis iste sint tempora, itaque alias tempore velit sed amet facere omnis soluta voluptatibus et aliquid. Consequatur harum odit saepe, soluta excepturi nesciunt fuga doloribus! Nobis architecto consequuntur, voluptatum sed aut ut aliquid commodi, vitae expedita laudantium placeat voluptates rerum qui rem, laboriosam libero porro. A dolorum commodi veritatis odio doloribus totam vel eaque qui, id neque facilis omnis maxime iure tenetur quidem consequuntur ipsam, distinctio dignissimos nisi. Deleniti, libero tenetur fugiat voluptatum molestias cupiditate fugit dolore nulla suscipit voluptatem porro veritatis illum eius! Quae, fugit ut! Officiis repellendus debitis impedit a, tenetur nobis dicta incidunt facere veniam blanditiis molestias saepe exercitationem veritatis magnam porro fuga! Nisi velit perspiciatis optio aut reiciendis numquam dolores fugiat dolorum incidunt nihil praesentium sint, aliquam hic, eos voluptates, enim deserunt tempore nesciunt. Necessitatibus a ullam fugit sapiente non laboriosam labore repellat. Quos consequatur voluptatem laborum sint. Ipsa architecto vero aliquam? Blanditiis, accusamus ullam. Voluptas asperiores quo id, sunt ullam accusamus, fugit autem placeat aspernatur perspiciatis molestiae ipsum rerum repellat quae molestias magni aliquid quos suscipit rem sint obcaecati est! Blanditiis voluptates doloremque ipsa, cupiditate nesciunt assumenda natus omnis quod? Unde atque veniam provident alias quae voluptatem debitis possimus, ab at iure quam ea ex laudantium eaque obcaecati explicabo. Omnis delectus consequuntur deserunt debitis odio sunt dignissimos dolorem, sit pariatur officiis sequi possimus provident, ullam esse explicabo. Sequi voluptates cum accusantium ratione, expedita libero, voluptatem sed inventore atque laboriosam eveniet officiis recusandae ipsam, velit doloremque non tempore debitis nulla nostrum nihil provident odit! Aliquid labore mollitia provident nostrum temporibus porro tempore nemo consectetur perspiciatis voluptatum laborum laboriosam non ipsam, blanditiis atque itaque. Quaerat cupiditate dolorem temporibus reprehenderit officiis ipsam, accusamus quam non ab beatae dolore doloremque at, delectus minus, neque hic asperiores! Illo nemo optio reprehenderit odit atque aliquam qui repudiandae quisquam! Nemo, voluptatum! Labore nulla soluta aut! Sequi quidem rerum numquam asperiores iste velit praesentium at! Incidunt ullam omnis impedit placeat voluptatum a accusantium vel nam aut autem voluptatem quae nesciunt fuga voluptate sed rerum quasi fugit, quisquam repellat nulla illo ea quibusdam! Atque eius repellat hic omnis, nesciunt consequuntur. Similique itaque, fugit, eos obcaecati ratione dolore, exercitationem hic corrupti incidunt quasi omnis ea. Reprehenderit sit tempore, repellendus quo sequi, id facere quos, deleniti eligendi sunt vitae quasi distinctio.</p>


    <script>
$(document).ready(function(){

//  $("#box").scroll(function(){
// console.log("hello, you are scrolling ");
//  });

//this is for resize
 $(window).resize(function(){
console.log("you are resizing window ");

 });

});

    </script>
</body>
</html>