knockoutjs obtenir de l'élément id d'événement click

Je suis en utilisant knockoutjs et actuellement j'ai quelque chose dans mon point de vue, qui ressemble à ceci:

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

Cela me permet d'obtenir l'IDENTIFIANT de l'élément, à mon avis, modèle:

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

Cet écrit:

ID de l'élément: #myTab1

Cependant, il est trop répétitif pour envoyer le nom de l'img id de l'événement click. Est-il possible d'envoyer le img id sans explicitement ré-écrit-il?

InformationsquelleAutor bdev | 2012-06-22
  1. 55

    Vous pouvez obtenir l'accès à l'événement de l'objet via un KO cliquez sur gestionnaire.

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

    Espère que cette aide.

    • C'est exactement ce dont j'avais besoin. Merci beaucoup!
    • je vous remercie. cela m'a sauvé de certains de s'arracher les cheveux
    • raté ce dans le knock-out docs. Merci
    • Ce ne sera pas en sécurité si il y a une icône sur le bouton de quelque chose comme cela, <button id="somebutton" data-bind="click: log"><span class='fa fa-user'></span>Click Me </button>
    • Merci pour cette homme
    InformationsquelleAutor madcapnmckay
  2. 13

    La réponse de madcapnmckay n'est pas tout à fait correct. Vous pouvez mieux utiliser currentTarget: il sera de retour l'original de l'élément lié à la place d'un élément enfant, c'est à dire lorsque vous avez un div avec des éléments imbriqués en elle.

    Voir ce question

    Mise à jour

    Comme @Ryan mentionné l'événement.currentTarget n'est pas disponible pour IE8. Pour <= IE8, vous pouvez utiliser:

    var target = (event.currentTarget) ? event.currentTarget : event.srcElement;
    • Je suis d'accord. vm.yourFn = function (data, event) { var $cible = $(événement.currentTarget) ... fonctionne très bien.
    • Veuillez noter que si vous avez besoin de soutien IE < 9, currentTarget n'est pas disponible pour ces versions.
    • Vous avez raison. J'ai mis à jour la réponse!
    • Génial merci...
    InformationsquelleAutor Dirk Boer
  3. 1

    Html De Liaison

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

    code js

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