Ver todos los events dom para un elemento

Tengo un jQuery UI datepicker que, cuando haces clic en una date, borra mi hash de URL a # y no cambia la date en el textbox.

Supongo que hay alguna otra utilidad de JavaScript en alguna parte que tiene algún tipo de evento delegado al que también se llama, arrojando un error y matando al manejador de jquery.

¿Cómo puedo avanzar o ver todos los events delegates coincidir con este elemento dom ?

2 Solutions collect form web for “Ver todos los events dom para un elemento”

Las herramientas de desarrollo de Chrome pueden ayudar con esto:

  1. Point Chrome en la página
  2. Haga clic con el button derecho en la date en jQuery UI datepicker y select "inspeccionar elemento".
  3. En el extremo derecho, hay un accordian con varias cosas. Cerca de la parte inferior está el "Oyente del evento". (Las versiones actuales de las herramientas de desarrollo de Chrome son muy inteligentes al respecto, incluida la consulta de la cadena de controlleres de jQuery).
  4. Expande el elemento de tree "Escuchas de events" y verás una list de events enlazados relacionados con ese elemento, incluso si el controller no está configurado específicamente en ese elemento. (Por ejemplo, si hicieras esto con el button de reenvío en la pregunta, a.vote-up-off que el click está enganchado tanto para un a.vote-up-off como para un document .) Para que puedas a.vote-up-off ver qué manejadores directos y delegates relacionarse con ese evento para ese elemento.

Aparte de eso, puede usar la versión no ministrada de jQuery y recorrer el despacho del evento cuando hace clic en la date en el selector de date.

Y, por supuesto, Gabe le muestra cómo puede get los manejadores específicos de jQuery a través de los datos de los events jQuery no documentados. (Eso no mostrará los controlleres delegates (a less que recorras el tree ancestro), y no te mostrará controlleres que no sean jQuery que puedan estar adjuntos, pero aún así es bastante útil).

Con jQuery puede ver todos los events de elementos accediendo a la key de events de los datos.

jsFiddle

Ejemplo:

HTML

 <input type="text" id="myelement" />​ 

JS

 $(function() { var myelement = $('#myelement'); myelement.click(function() { console.log('anonymous event'); }); myelement.click(anotherEvent); myelement.change(anotherEvent); var events = myelement.data('events'); console.log('Number of click events:' + events.click.length); console.log('Number of change events:' + events.change.length); }); function anotherEvent(){ console.log('another event'); } 
  • Nest jQuery UI sortables
  • dibujar círculos en movimiento
  • Cómo networkingirigir a otra página con jQuery Autocompletar elemento clic
  • jQuery UI .buttonset () es demasiado lento
  • El dialog de jquery ui dejó de funcionar: da el error "no se puede llamar al método 'mouseover' de undefined"
  • ¿Cómo vincular un ancho / alto div para formar campos?
  • jQuery Autocomplete (1.8.5) - TypeError no capturado, la propiedad 'fuente' no es una function
  • Formato y dates de printing bonitas con jquery
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.