javascript - 获取knockout中被点击元素的索引和事件

Question

来自 this link我学会了如何在 knockout 中获取被点击元素的索引。但我想用它获取数据和事件。

对于数据，我做了类似的事情并且成功了:

var vmodel = {
    listItems: ko.observableArray([
        {title: "Able"},
        {title: "Baker"},
        {title: "Charlie"}]),
    itemClicked: function(data,index) {
        alert(data);
        alert(index);
    }
};
ko.applyBindings(vmodel);​

<ul data-bind="foreach: listItems">
    <li data-bind="click: $parent.itemClicked.bind($data, $data, $index())">
         <p data-bind="text: title"></p>
    </li>
</ul>

但我不知道如何访问事件。

谢谢

Answer 1

在函数中再添加一个参数来接收，它将包含事件的详细信息 fiddle 手:- https://jsfiddle.net/31unkhxm/8/

  itemClicked: function(data,data,index,event) {
        console.log("d is"+event.currentTarget);
    }

来自 KO 文档

http://knockoutjs.com/documentation/click-binding.html

In some scenarios, you may need to access the DOM event object associated with your click event. Knockout will pass the event as the second parameter to your function

在您的场景中，您正在绑定(bind)数据、数据、索引等最后一个参数将是事件