JS: objetivo de evento para el botón con el icono -- javascript campo con jquery campo con meteor camp Relacionados El problema

JS: event target for button with icon


2
vote

problema

Español

Simplemente necesito definir un evento de clic para este HTML:

  <button data-method="rotate" class="btn btn-default">     <i class="fa fa-rotate-left"></i> </button>   

html

  Template.page.events({     'click button': function (event) {          var $button     = $(event.target),             method      = $button.attr('data-method');     } });   

Pero ahora está el problema, que esto solo funciona si el usuario no hace clic en el icono del FA, porque entonces el objetivo del evento es diferente. En este caso, method será indefinido. ¿Cómo puedo prevenir esto?

Original en ingles

I simply need to define a click event for this HTML:

<button data-method="rotate" class="btn btn-default">     <i class="fa fa-rotate-left"></i> </button> 

html

Template.page.events({     'click button': function (event) {          var $button     = $(event.target),             method      = $button.attr('data-method');     } }); 

But now there is the problem, that this only works if the user doesn't click on the fa icon, because then the event target is different. In this case method will be undefined. How can I prevent this?

        

Lista de respuestas

4
 
vote
vote
La mejor respuesta
 

¿Por qué no solo

  $(this)   // or $(e.currentTarget)   

en lugar de

  $(event.target)   

event.target le indica al elemento real que desencadena su evento. Pero en su caso, quiere que sea un botón y todos sus elementos descendientes.

 

Why not just

$(this)   // or $(e.currentTarget) 

instead of

$(event.target) 

event.target points you to the actual element that triggers your event. But in your case you want that to be a button and all its descendent elements.

 
 
   
   

Relacionados problema

1  Configuración del camino a una imagen internamente en Meteor 1.4 + reacción-enrutador  ( Setting the path to an image internally in meteor 1 4 react router ) 
Estoy usando el enrutador de reacción con Meteor y React.Semantic-Ui. Quiero hacer un logotipo (PNG) Ind Men Menú / Barra de navegación, pero no aparece el ...

4  ¿Cómo funciona el cursor.observe y cómo evitar múltiples instancias funcionando?  ( How cursor observe works and how to avoid multiple instances running ) 
Observar Estaba tratando de resolverlo cómo cursor .Observe se ejecuta dentro del meteorito, pero no encontré nada al respecto. docs dice establece...

0  Tipo de entrada de Meteor Live-UI = Número  ( Meteor live ui input type number ) 
estoy teniendo un poco de problemas con un campo. Estoy usando el meteorito y estoy usando un campo incompatible types [error] found : BaseWorker<BaseConfi...

1  Tratando de usar ZCLIP en la aplicación Meteor  ( Trying to use zclip in meteor app ) 
Parece que no puede usar ZCLIP en mi aplicación Simple Meteor Portapapeles: http://commandc.meteor.com Pensé que me estaba perdiendo algo en términos de c...

0  Esquema sencillo - Valor máximo para una propiedad que almacena texto CMS  ( Simple schema max value for a property storing cms text ) 
Permita que esté usando el paquete Simple schema para Meteor, y desea tener una propiedad que almacenará text content para un CMS y no sabe cuánto Texto E...

13  Cómo ejecutar la función de ayuda después de DOM está lista en Meteor  ( How to execute helper function after dom is ready in meteor ) 
Tengo una lista de <li> 's que se rellena con un hallazgo () usando meteor.starp como se ve a continuación. Luego, recibo todos los atributos de datos de es...

0  Grupo simple colección de meteoritos por campo  ( Group simple meteor collection by field ) 
Esta pregunta se ha formulado en diferentes formas, pero nunca he encontrado una respuesta concisa simple. Tengo una colección básica para usar en mi planti...

0  Meteore se estrelló después de que hice un git init y creó una nueva sucursal  ( Meteor crashed after i did a git init and created a new branch ) 
Estoy trabajando en un proyecto de meteorito y es mi primera vez con meteorito. Todo estaba funcionando bien hasta el momento en que decidí hacer un "git in...

1  Imagen de atracatoria mínima para realizar algunas pruebas de unidades de meteor  ( Minimal docker image for doing some meteor unit tests ) 
Estoy haciendo mis pruebas unitarias en un contenedor de Docker (para mi flujo de trabajo CI) . Por lo tanto, he construido una imagen basada en Ubuntu con NO...

0  ¿Cómo hago un objeto reactivo en meteorito?  ( How do i make an object reactive in meteor ) 
Digamos que tengo un objeto var object = { name: "Example", value: 1 } Quiero ponerlo en una sesión Session.set("Display", object); y tenga una ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos