วิธีการ focus

วิธีการ focus ตั้งค่าโฟกัสบน องค์ประกอบ (ส่วนใหญ่มักจะเป็นอินพุต) นั่นหมายความว่า ในอินพุตนี้เคอร์เซอร์จะเริ่มกระพริบและ ข้อความที่ป้อนจากแป้นพิมพ์จะเข้าสู่ อินพุตนี้โดยเฉพาะ

ไวยากรณ์

องค์ประกอบ.focus();

ตัวอย่าง

ลองคลิกที่ปุ่มหนึ่งเพื่อตั้งค่า โฟกัสบนอินพุต และคลิกที่อีกปุ่มหนึ่งเพื่อลบ มันออก:

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// เมื่อคลิกที่ปุ่ม focus จะตั้งค่าโฟกัสให้อินพุต:
focus.addEventListener('click', function() {
	input.focus();
});

// เมื่อคลิกที่ปุ่ม blur จะลบโฟกัสออกจากอินพุต:
blur.addEventListener('click', function() {
	input.blur();
});

ดูเพิ่มเติม

วิธีการ blur,
ซึ่งสามารถใช้ลบโฟกัสออกจากองค์ประกอบได้