knockout.js - 如何检测鼠标点击，在敲除的下拉列表框中输入键或选项卡项

Question

当用户执行以下操作之一时，从下拉列表框中获取所选项目值的最佳方法是什么；

点击项目上的 tab 键，

按回车键或

鼠标单击该项目。

我是否必须为每个事件创建一个 javascript 事件处理程序，或者是否有一种通过淘汰赛来完成的好方法。

有没有我可以看的好的 jsfiddle 示例？

谢谢

Answer 1

您可以使用捕获这些事件的自定义绑定。

ko.bindingHandlers.tabEnterClick = {
    init: function(element, valueAccessor) {
        $(element).click(function() {
            valuAccessor()();
        }).keydown(function(event) {
            if (event.which == 13 /*enter*/ || event.which == 9 /*tab*/) {
                valuAccessor()();
            }
        }
    }
};

但是，如果您只想从下拉列表中了解所选项目，那么value绑定就可以了。