Código
Código JavaScript
//Si se proporciona un objeto de evento, este es un navegador que no es IE
si (e && e.stopPropagation)
//Por lo que es compatible con el método stopPropagation() del W3C
e.stopPropagation();
demás
//De lo contrario, necesitamos usar IE para cancelar la difusión de eventos
ventana.event.cancelBubble = verdadero;
return false;
2. Evita el comportamiento predeterminado del navegador
Código JavaScript
// Si se proporciona un objeto de evento, este es un navegador que no es IE
si (e && e.preventDefault)
//Bloquear acciones predeterminadas del navegador (W3C)
e.preventDefault();
demás
//Cómo evitar la acción predeterminada de la función en IE
ventana.event.returnValue = falso;
devolver falso;
Código
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
2<html xmlns=" http://www.w3.org/1999/xhtml " lang="gb2312">
3<cabeza>
4<title> Evitar que los eventos de JavaScript se propaguen (cancelBubble, stopPropagation)</title>
5<meta name="keywords" content="JavaScript, propagación de eventos, cancelBubble, stopPropagation" />
6<tipo de script="texto/javascript">
7función hacer algo (obj,evt) {
8alerta(obj.id);
9var e=(evt)?evt:ventana.event;
10if (ventana.evento) {
11e.cancelBubble=verdadero;
12} más {
13//e.preventDefault();
14e.stopPropagation();
15}
16}
17</script>
18</head>
19<cuerpo>
20<div id="parent1" onclick="alert(this.id)" style="ancho:250px;fondo-color:amarillo">
21<p>Este es el div padre1.</p>
22<div id="child1" onclick="alert(this.id)" style="ancho:200px;fondo-color:naranja">
23<p>Este es niño1.</p>
24</div>
25<p>Este es el div padre1.</p>
26</div>
27<br />
28<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
29<p>Este es el div padre2.</p>
30<div id="child2" onclick="hacer algo(esto,estilo de evento);"ancho:200px;color de fondo:azul claro;">
31<p>Este es child2. Will bubble.</p>
32</div>
33<p>Este es el div padre2.</p>
34</div>
35</cuerpo>
36</html>