event.relatedTarget es una propiedad incorporada en jQuery que se usa para encontrar qué elemento se ingresa o se sale con el movimiento del mouse .
Sintaxis:
event.relatedTarget
Parámetro: No acepta ningún parámetro porque es una propiedad no una función.
Valor de retorno: Devuelve qué elemento se ingresa o se sale con el movimiento del mouse.
Código jQuery para mostrar el funcionamiento de la propiedad event.relatedTarget:
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show working of this property -->
$(document).ready(function() {
$("div, p").mouseenter(function(event) {
$("#d2").html("Pointer at : " + event.relatedTarget.nodeName);
});
});
</script>
<style>
#d1 {
height: 100px;
width: 50%;
padding: 10px;
border: 2px solid green;
}
#d2 {
height: 20px;
width: 50%;
padding: 10px;
margin-top: 10px;
border: 2px solid green;
}
</style>
</head>
<body>
<!-- this is outer div element -->
<div id="d1">
<!-- this is inner div element -->
<div>This is a div element </div>
<!-- this is paragraph element -->
<p style="background-color:lightgreen">This is a paragraph</p>
</div>
<div id="d2" />
</body>
</html>
Salida:
antes de que el puntero del mouse se mueva sobre el elemento div-
Después de mover el puntero del mouse sobre el elemento div-
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA