---
title: Event.stopPropagation()
slug: Web/API/Event/stopPropagation
tags:
  - DOM
  - Gecko
  - Reference_del_DOM_di_Gecko
  - Tutte_le_categorie
translation_of: Web/API/Event/stopPropagation
---
<p>{{APIRef("DOM")}}</p>

<p><span class="seoSummary">Il metodo <code><strong>stopPropagation()</strong></code> dell'interfaccia {{domxref("Event")}} impedisce un'ulteriore propagazione dell'evento corrente nelle fasi di cattura e bubbling.</span></p>

<h2 id="Sintassi">Sintassi</h2>

<pre class="syntaxbox"><em>event</em>.stopPropagation();</pre>

<h2 id="Esempio">Esempio</h2>

<p>Vedi Esempio 5: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_5:_Event_Propagation">Propagazione degli eventi</a> nel capitolo degli Esempi per un esempio più dettagliato di questo metodo e la propagazione degli eventi nel DOM.</p>

<h2 id="Note">Note</h2>

<p>Vedi la <a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture">specificazione DOM</a> per la spiegazione del flusso di eventi. (La <a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-flow">bozza degli eventi di DOM Level 3"</a> ha un'illustrazione.)</p>

<p><a href="https://developer.mozilla.org/it/docs/Web/API/Event/preventDefault">preventDefault</a> è un metodo complementare che può essere utilizzato per impedire l'azione predefinita dall'evento.</p>

<h2 id="Specifiche">Specifiche</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Specifica</th>
   <th>Stato</th>
   <th>Commento</th>
  </tr>
  <tr>
   <td>{{SpecName("DOM WHATWG", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td>
   <td>{{Spec2("DOM WHATWG")}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName("DOM4", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td>
   <td>{{Spec2("DOM4")}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName("DOM2 Events", "#Events-Event-stopPropagation", "Event.stopPropagation()")}}</td>
   <td>{{Spec2("DOM2 Events")}}</td>
   <td>Definzione iniziale</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2>



<p>{{Compat("api.Event.stopPropagation")}}</p>