knockoutjs dostać id elementu poprzez kliknięcie zdarzenia

Question

Używam knockoutjs i obecnie mam coś w moim przekonaniu, który wygląda tak:

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

To pozwala mi uzyskać identyfikator elementu moim zdaniem modelu

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

pisze to:

Element ID: # myTab1

Jest jednak zbyt monotonna, aby wysłać nazwę identyfikatora img w zdarzeniu kliknięcia. Czy istnieje sposób wysłania img id bez wyraźnego przepisania go?

Answer 1

Rzeczywiście można uzyskać dostęp do obiektu zdarzenia za pomocą modułu obsługi kliknięć 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/

Nadzieja to pomaga.

Answer 2

Odpowiedź madcapnmckay nie jest całkowicie poprawna. Możesz lepiej użyć currentTarget: zwróci oryginalny powiązany element zamiast elementu podrzędnego, np. Masz element div z elementami zagnieżdżonymi.

Zobacz ten question

Aktualizacja

Jak wspomniano @Ryan - event.currentTarget nie jest dostępna dla IE8. Dla < = wsparcie IE8 można użyć:

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

Answer 3

Html Oprawa

<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> 

js kod

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