โฟกัส()
Javascript โฟกัส() วิธีการช่วยเน้นองค์ประกอบแบบฟอร์ม HTML โดยจะตั้งค่าองค์ประกอบเป็นองค์ประกอบที่ใช้งานอยู่ในเอกสารปัจจุบัน ในเอกสารฉบับปัจจุบัน โฟกัส สามารถใช้ได้กับองค์ประกอบเดียวเท่านั้น สามารถใช้โฟกัสกับข้อความ ปุ่ม ฯลฯ ได้
ไวยากรณ์
element.focus(options);
ตัวอย่าง
ในตัวอย่างต่อไปนี้ ตอนแรก ข้อความ "Tutorialspoint " อยู่ในแท็กสมอ 'a' ซึ่งเป็น id ที่เรียกว่า 'focus' ต่อมา มีการประกาศฟังก์ชันซึ่ง ID ถูกเรียกโดยใช้เมธอด DOM และ focus() วิธีการถูกนำไปใช้กับมันเพื่อเปลี่ยนสีของข้อความ "Tutorialspoint" เป็นสีแดง ที่นี่ใช้ปุ่มสำหรับเหตุการณ์การคลิก
<html>
<head>
<style>
a:focus, a:active {
color: red;
}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com/" id="focus">Tutorialspoint</a>
<input type="button" value="getfocus" onclick="getfo()">
<script>
function getfo() {
document.getElementById("focus").focus();
}
</script>
</body>
</html> หลังจากรันโค้ดข้างต้นแล้ว เราจะได้ภาพต่อไปนี้แสดงบนหน้าจอ
เมื่อเราคลิกที่ปุ่มรับโฟกัส เราจะได้ผลลัพธ์ดังต่อไปนี้
ผลลัพธ์
