javascript - ejemplo - Evento jQuery para detectar cuándo cambia la posición del elemento

onblur javascript ejemplo

Question

Me gustaría saber si hay un evento jQuery que pueda usar para determinar cuándo ha cambiado la propiedad top un DIV en particular.

Por ejemplo, tengo contenido invisible por encima de un DIV. Cuando ese contenido se vuelve visible, el DIV se desplaza hacia abajo. Me gustaría capturar ese evento y luego usar la función offset() para obtener las coordenadas X / Y.

Answer 1

Creo que deberías poder hacer:

$(document).ready( function (){
  $("#mydiv").bind("movestart", function (){ ...remember start position... });
  $("#mydiv").bind("moveend", function (){ ...calculate offsets etc... });
});

Answer 2

La respuesta fácil es que no hay eventos en el DOM para detectar actualizaciones de diseño.

Tienes un par de opciones como yo lo veo:

1. Encuesta, desagradable, pero puede funcionar en función de los requisitos de frecuencia de actualización.

2. Toque en cualquier evento que cause que el DIV invisible cambie de tamaño y haga lo que tenga que hacer en ese controlador

Me corregiré a mí mismo.

Eché un vistazo al DOM y noté el evento DOMAttrModified y encontré este JQuery Plug-In que podría aprovechar para hacer lo que quiera.

Como menciona el artículo, funciona muy bien en IE y Firefox, pero parece tener problemas en WebKit.

Answer 3

$("#someId").resize(function () {

// your code

});