Computer >> Máy Tính >  >> Lập trình >> HTML

Chế độ xem HTML Thuộc tính sự kiện

Thuộc tính Sự kiện trong chế độ xem HTML trả về một trích dẫn cho đối tượng Window nơi sự kiện xảy ra.

Cú pháp

Sau đây là cú pháp -

event.view

Ví dụ

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện chế độ xem HTML -

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
</style>
<body>
<h1>HTML view Event Property</h1>
<button class="btn" onclick="get()">Show view event</button>
<div class="show"></div>
<script>
   function get() {
      document.querySelector(".show").innerHTML = "Open your console and observe the Window object";
      console.log(event.view);
   }
</script>
</body>
</html>

Đầu ra

Chế độ xem HTML Thuộc tính sự kiện

Nhấp vào “ Hiển thị xem sự kiện ”Để hiển thị đối tượng Window -

Chế độ xem HTML Thuộc tính sự kiện

Bây giờ, hãy mở bảng điều khiển của bạn để quan sát đối tượng Window -

Chế độ xem HTML Thuộc tính sự kiện