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

Tiêu điểm JavaScript

Phương thức JavaScript focus () chỉ được sử dụng để tập trung vào một phần tử nếu phần tử đó có thể được tập trung.

Sau đây là mã cho Phương thức JavaScript Focus () -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JavaScript focus()</h1>
<input type="text" class="sample"></input>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above buttons to focus the input field
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      sampleEle.focus();
   });
</script>
</body>
</html>

Đầu ra

Tiêu điểm JavaScript

Khi nhấp vào nút “BẤM VÀO ĐÂY” -

Tiêu điểm JavaScript