Ang artikulong ito ay maglalarawan ng paraan upang hindi paganahin ang HTML button sa JavaScript.
Paano I-disable ang HTML Button Gamit ang JavaScript?
Upang huwag paganahin ang isang HTML na button gamit ang JavaScript, gamitin ang ' may kapansanan ” pag-aari ng elemento ng button. Naka-disable din ang button gamit ang HTML na 'disabled' attribute, ngunit permanente itong idi-disable, at hindi mo na ito muling mapapagana. Habang gumagamit ng JavaScript, maaaring i-disable ang 'disabled' na property at dynamic na i-enable ang button.
Syntax
Ang ibinigay na syntax ay ginagamit para sa hindi pagpapagana ng button:
buttonObject. may kapansanan
Halimbawa 1: I-disable ang Button
Lumikha ng isang pindutan sa isang HTML file at magtalaga ng isang id ' pindutan ” na makakatulong upang ma-access ang button na ito:
< button id = 'button' > Pindutan pindutan >
Kunin ang HTML button sa isang JavaScript file, gamit ang kanilang itinalagang id sa tulong ng ' getElementById() 'paraan:
ay pindutan = dokumento. getElementById ( 'button' ) ;
Itakda ang ari-arian ' may kapansanan 'sa' totoo ”:
pindutan. may kapansanan = totoo ;Tulad ng nakikita mo, ang pindutan sa output ay hindi pinagana:
Halimbawa 2: I-disable ang Button sa Click Event
Dito, hindi namin paganahin ang pindutan habang nag-click dito. Una, kunin ang reference ng button gamit ang nakatalagang id nito:
Tawagan ang ' addEventListener() 'paraan sa pamamagitan ng paglakip ng ' i-click ' kaganapan, na magtatakda ng hindi pinaganang ari-arian ' totoo ” habang nag-click sa button:
pindutan. addEventListener ( 'click' , function ( ) {kung ( pindutan. may kapansanan ) {
pindutan. may kapansanan = mali ;
}
iba pa {
pindutan. may kapansanan = totoo ;
}
} ) ;
Mapapansin na habang nag-click sa pindutan, ito ay hindi pinagana:
Iyon ay tungkol sa hindi pagpapagana na pindutan sa JavaScript.
Konklusyon
Upang huwag paganahin ang HTML button sa JavaScript, gamitin ang “ may kapansanan ” pag-aari ng elemento ng button. Nakakatulong ito upang paganahin o huwag paganahin ang button sa dynamic na paraan habang ang HTML na 'disabled' attribute ay permanenteng hindi pinapagana ang button. Inilarawan ng artikulong ito ang paraan para sa hindi pagpapagana ng HTML button sa JavaScript.