Tienes razón, de mis palabras se puede deducir esa conclusión.
El 3º parámetro es useCapture, un boleano (true/false). En el proceso interno de addEventListener se te pregunta; ¿Quieres que se inicie la fase de captura? Y tú respuesta es
- true --> sí
- false (omitido) --> no
En caso que la respuesta sea no, no se inicia la fase de captura, sino la fase de burbuja.
La única opción para que ambas fases concurran en un mismo elemento es que tengan distintos eventos o distinto parámetro de captura. Siguiendo el ejemplo anterior
Código Javascript
:
Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-es">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1">
<style>
</style>
<script>
function foo(){
console.log(this);
}
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('body').addEventListener('click', foo, true);
document.querySelector('div').addEventListener('click', foo, true);
document.querySelector('span').addEventListener('click', foo, true);
document.querySelector('body').addEventListener('click', foo);
document.querySelector('div').addEventListener('click', foo);
document.querySelector('span').addEventListener('click', foo);
});
</script>
</head>
<body>
<div>
<span>Pulsame</span>
</div>
</body>
</html>