บทความนี้จะแสดงวิธีการปิดใช้งานปุ่ม HTML ใน JavaScript
จะปิดการใช้งานปุ่ม HTML โดยใช้ JavaScript ได้อย่างไร
หากต้องการปิดใช้งานปุ่ม HTML โดยใช้ JavaScript ให้ใช้ปุ่ม “ พิการ ” คุณสมบัติขององค์ประกอบปุ่ม ปุ่มนี้จะปิดใช้งานโดยใช้แอตทริบิวต์ HTML “disabled” แต่จะปิดใช้งานอย่างถาวร และคุณจะไม่สามารถเปิดใช้งานได้อีก ขณะใช้ JavaScript คุณสมบัติ 'ปิดใช้งาน' สามารถปิดใช้งานได้และเปิดใช้งานปุ่มแบบไดนามิก
ไวยากรณ์
ไวยากรณ์ที่กำหนดใช้สำหรับปิดการใช้งานปุ่ม:
ปุ่มวัตถุ พิการ
ตัวอย่างที่ 1: ปิดการใช้งานปุ่ม
สร้างปุ่มในไฟล์ HTML และกำหนดรหัส “ ปุ่ม ” ซึ่งจะช่วยในการเข้าถึงปุ่มนี้:
< รหัสปุ่ม = 'ปุ่ม' > ปุ่ม ปุ่ม >
ดึงปุ่ม HTML ในไฟล์ JavaScript โดยใช้รหัสที่กำหนดด้วยความช่วยเหลือของ ' getElementById() ' วิธี:
เคยเป็น ปุ่ม = เอกสาร. getElementById ( 'ปุ่ม' ) ;
กำหนดคุณสมบัติ “ พิการ ' ถึง ' จริง ”:
ปุ่ม. พิการ = จริง ;อย่างที่คุณเห็น ปุ่มในเอาต์พุตถูกปิดใช้งาน:
ตัวอย่างที่ 2: ปิดใช้งานปุ่มบนเหตุการณ์การคลิก
ที่นี่เราจะปิดใช้งานปุ่มในขณะที่คลิก ขั้นแรก รับข้อมูลอ้างอิงของปุ่มโดยใช้รหัสที่กำหนด:
โทรหา “ addEventListener() วิธีการ ” โดยแนบ “ คลิก ” เหตุการณ์ซึ่งจะตั้งค่าปิดคุณสมบัติ “ จริง ” ขณะคลิกที่ปุ่ม:
ปุ่ม. addEventListener ( 'คลิก' , การทำงาน ( ) {ถ้า ( ปุ่ม. พิการ ) {
ปุ่ม. พิการ = เท็จ ;
}
อื่น {
ปุ่ม. พิการ = จริง ;
}
} ) ;
สามารถสังเกตได้ว่าในขณะที่คลิกที่ปุ่มจะถูกปิดการใช้งาน:
นั่นคือทั้งหมดที่เกี่ยวกับปุ่มปิดการใช้งานใน JavaScript
บทสรุป
หากต้องการปิดใช้งานปุ่ม HTML ใน JavaScript ให้ใช้ปุ่ม “ พิการ ” คุณสมบัติขององค์ประกอบปุ่ม ช่วยในการเปิดหรือปิดใช้งานปุ่มแบบไดนามิกในขณะที่แอตทริบิวต์ HTML “ปิดใช้งาน” จะปิดใช้งานปุ่มอย่างถาวร บทความนี้แสดงวิธีการปิดใช้งานปุ่ม HTML ใน JavaScript