วิธี blur

วิธี blur ปลดโฟกัสจากองค์ประกอบ

ไวยากรณ์

javascriptelement.blur();

ตัวอย่าง

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

html<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">
javascriptlet 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();
});

Результат:

ดูเพิ่มเติม

  • วิธี focus,
    ซึ่งใช้ตั้งโฟกัสบนองค์ประกอบได้