คุณสมบัติ autofocus ของ HTML DOM Input Color

คุณสมบัติ autofocus ของ HTML DOM Input Color ใช้ตั้งค่า/คืนค่าว่า Input Color จะได้รับโฟกัสเมื่อโหลดหน้าเว็บครั้งแรกหรือไม่

รูปแบบไวยากรณ์ (Syntax)

• การคืนค่าบูลีน - true/false

inputColorObject.autofocus

• การตั้งค่า autofocus เป็น booleanValue

inputColorObject.autofocus = booleanValue

ค่าบูลีนที่เป็นไปได้

ในที่นี้ “booleanValue” สามารถเป็นค่าต่อไปนี้ได้:

ตัวอย่าง

ตัวอย่างการใช้งานคุณสมบัติ Input Color autofocus:

<!DOCTYPE html> <html> <head> <title>Input Color Autofocus</title> </head> <body> Color Picker: <input type="color" id="Color" autofocus> <button onclick="removeAutoFocus()">ลบ Auto Focus</button> <div id="divDisplay"></div> <script>    var divDisplay = document.getElementById("divDisplay");    var inputColor = document.getElementById("Color");    divDisplay.textContent = 'Autofocus: '+inputColor.autofocus function removeAutoFocus() {       if(inputColor.autofocus == true){          inputColor.autofocus = false;          divDisplay.textContent = 'Autofocus: '+inputColor.autofocus       }    } </script> </body> </html>

ผลลัพธ์

โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:

ก่อนคลิกปุ่ม 「ลบ Auto Focus」 :

หลังคลิกปุ่ม 「ลบ Auto Focus」 :