La propiedad event.namespace en jQuery se usa para devolver el espacio de nombres personalizado cada vez que se activa el evento. Se utiliza para manejar tareas de manera diferente según el espacio de nombres utilizado.
Sintaxis:
event.namespace
Parámetros: esta propiedad contiene un evento de parámetro único que se requiere. Devuelve el espacio de nombres personalizado y proviene de la función de enlace de eventos.
Ejemplo 1: este ejemplo usa la propiedad event.namespace para devolver y eliminar el espacio de nombres.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery event.namespace Property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to use event.namespace property -->
<script>
$(document).ready(function() {
$("h3").on("custom.someNamespace", function(event) {
alert(event.namespace);
});
$("h3").click(function(event) {
$(this).trigger("custom.someNamespace");
});
$("button").click(function() {
$("h3").off("custom.someNamespace");
});
});
</script>
</head>
<body>
<center>
<h1>Welcome to GeeksforGeeks!.</h1>
<div style="background-color:green">
<h3> Click here Geeks for Geeks.</h3>
<button>Remove namespace</button>
</div>
</center>
</body>
</html>
Salida:
Antes de hacer clic en el elemento h3: 
Después de hacer clic en el elemento h3:
Ejemplo 2: este ejemplo utiliza el espacio de nombres click.mySomething para deslizar Alternar el contenido.
<!DOCTYPE html>
<html>
<head>
<title>
jQuery event.namespace Property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to use event.namespace to
slideToggle content -->
<script>
$(document).ready(function() {
$("h3").on("click.mySomething", function() {
$(this).slideToggle();
});
$("button").click(function() {
$("h3").off("click.mySomething");
});
});
</script>
</head>
<body>
<center>
<h1>Welcome to GeeksforGeeks!.</h1>
<div style="background-color:green">
<h3>1st statement : Geeks for Geeks.</h3>
<h3>2nd statement : Mathematics</h3>
<button>Click to remove namespace</button>
</div>
</center>
</body>
</html>
Salida:
Antes Haga clic en la primera declaración: 
Después Haga clic en la primera declaración:
Publicación traducida automáticamente
Artículo escrito por AdeshSingh1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA