jquery - knockoutjs 通过点击事件获取元素id

Question

我正在使用 knockoutjs，目前在我的视图中有一些看起来像这样的东西：

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

这允许我在我的视图模型中获取元素 ID：

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

这写道：

元素 ID：#myTab1

但是，在click事件中发送img id的名称太重复了。有没有办法在不明确重写的情况下发送 img id？

Answer 1

您实际上可以通过 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/

希望这可以帮助。

Answer 2

madcapnmckay 的答案并不完全正确。您可以更好地使用 currentTarget：当您有一个包含嵌套元素的 div 时，它将返回原始绑定元素而不是子元素。

看到这个问题

更新

正如@Ryan 提到的 - event.currentTarget 不适用于 IE8。对于 <= IE8 支持，您可以使用：

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