knockoutjs conseguir elemento de identificación a través evento click

Question

estoy usando knockoutjs y actualmente tengo algo en mi opinión, que se ve así:

<img id="myTab1" data-bind="click: pressedTab.bind($data, '#myTab1')" src="images/image1.png"></img> 

Esto permite que consiga el ID de elemento en mi modelo de vista:

pressedTab = function(tab){ 
    console.log("Element ID: " + tab); 
} 

Esto escribe:

Elemento ID: # myTab1

Sin embargo, es demasiado repetitivo enviar el nombre de la img id en el evento click. ¿Hay alguna forma de enviar el ID de img sin volver a escribirlo explícitamente?

Answer 1

En realidad puede obtener acceso al objeto de evento a través de un controlador de clic de KO.

<button id="somebutton" data-bind="click: log">Click Me </button> 

var ViewModel = function() { 
    this.log = function(data, event) { 
     console.log("you clicked " + event.target.id); 
    } 
}; 
ko.applyBindings(new ViewModel()); 

http://jsfiddle.net/madcapnmckay/e8JPT/

Espero que esto ayude.

Answer 2

La respuesta de madcapnmckay no es del todo correcta. Puede utilizar mejor currentTarget: devolverá el elemento enlazado original en lugar de un elemento secundario, cuando, por ejemplo, tiene un div con elementos anidados en él.

ver este question

actualización

Como se mencionó @Ryan - event.currentTarget no está disponible para IE8. Para < = apoyo IE8 puede utilizar:

var target = (event.currentTarget) ? event.currentTarget : event.srcElement; 

Answer 3

HTML Encuadernación

<input type="checkbox" data-bind="attr:{id: $data.Id , Qref: '3177'} , click: $root.answerClick">&nbsp;&nbsp;&nbsp;<span data-bind="text: $data.Text , attr:{id: $data.Id}"></span> 

código js

answerClick: function(c, event){ 
     var element = event.target; 
     var qref = element.getAttribute('Qref'); 
     var click_id = element.id; 
     return true; 
    }