Quando visitiamo una pagina web, numerose azioni vengono attivate. Queste azioni possono includere il clic su un pulsante, il completamento e l'invio di un modulo, la chiusura di una scheda, la selezione di una casella di controllo o lo scorrimento della pagina. Queste attività di eventi possono essere fermate in JavaScript. Inoltre, è possibile impedire loro di eseguire l'azione predefinita correlata. Più specificamente, il "PreventDefault ()"Il metodo JavaScript interrompe l'esecuzione di un evento cancellabile.

Questo post ha dichiarato:

• Qual è l'evento.Metodo PreventDefault () in JavaScript?
• Come usare l'evento.Metodo PreventDefault () in JavaScript?

Cos'è l'evento.PreventDefault () in JavaScript?

IL "PreventDefault ()"È un metodo JavaScript che viene utilizzato per impedire al browser di eseguire le azioni e gli eventi predefiniti per gli elementi specificati. Può impedire all'utente di eseguire la richiesta premendo il collegamento.

Come usare l'evento.Metodo PreventDefault () in JavaScript?

Per usare il "evento.PreventDefault ()"Metodo in JavaScript, seguire la sintassi di seguito

Nella sintassi sopra:

• "evento"È utilizzato per indicare qualsiasi azione.
• "PreventDefault ()"Il metodo non consente di passare alcun parametro. Non accetta il valore del parametro.

Esempio 1: prevenire la casella di controllo utilizzando il metodo eventDefault ()

Per evitare che le caselle di controllo utilizzino "PreventDefault ()"Metodo, in primo luogo, crea una pagina HTML e aggiungi un'intestazione con l'aiuto di qualsiasi tag di intestazione da"

" A "

"Tag. Per farlo, il "

"Il tag è utilizzato qui:

evento.Metodo preventDefault ()

Usa il ""Tag HTML e aggiungi la descrizione all'interno del tag:

Sei uno sviluppatore

Ora, usa il ""Elemento e aggiungi l'attributo elencato di seguito:

• Specificare la "tipo"Attributo e imposta il valore come" casella di controllo ".
• "id"L'attributo viene utilizzato per impostare un ID con un nome particolare:

SÌ

Inserire il tag di script e aggiungere il seguente codice:

Nel frammento di codice sopra:

• Usa il "getElementById ()"Metodo per restituire un elemento con un ID particolare. Il metodo getElementById () restituisce null se l'elemento non esiste.
• "addEventListener ()"Il metodo viene utilizzato per collegare un gestore di eventi con un elemento definito.
• Quindi, passa il "PreventDefault ()"Come parametro di questo metodo, che impedirà l'elemento del tipo di input aggiunto.

Produzione

Esempio 2: prevenire il campo di input usando il metodo preventDefault ()

Per evitare il campo di input usando il "PreventDefault ()"Metodo, prima, aggiungi un'etichetta usando HTML""Tag:

Inserire il testo

Specificare il tipo di input come "testo"E assegna un ID:

Utilizzare il ""Tag e aggiungi il seguente codice per ulteriori elaborazioni:

Nel frammento di codice sopra:

• Usa il "getElementById ()"Per ottenere l'elemento sul campo di input.
• Quindi, utilizza il "se altro"Dichiarazione e aggiungi la condizione richiesta.

Produzione

Riguarda l'evento.PreventDefault () in JavaScript.

Conclusione

IL "PreventDefault ()"È un metodo JavaScript che viene utilizzato per impedire al browser di eseguire le azioni ed eventi predefiniti per gli elementi specificati. È possibile utilizzare questo metodo per prevenire la casella di controllo, il campo di input, il pulsante di radio e altri tipi di input. Questo tutorial ha dichiarato l'uso di JavaScript "evento.PreventDefault ()" metodo.