Binding KnockoutJs光标位置丢失父单击事件

带有单击事件的嵌套div

我有两个嵌套的div，它们绑定到一个公共的viewModel对象，我正在使用knockoutjs绑定它。父div和子div有几个绑定，包括父div上的单击事件。父div click事件用于选择元素，该元素显示一些默认情况下隐藏的视觉提示

绑定代码如下：

这仍然使我的行为不完整

可能是吗

添加父类时，contenteditable div中的焦点似乎丢失了

下面是使用的代码的更多部分。 ... // 映射函数

this.isSelected = ko.dependentObservable(function () {
    return (this === viewModel.selectedCardElement());
}, this);

this.selectElement = function (element, evt) {
     viewModel.selectedCardElement(element);
}, 

selectElement是被调用的函数，请注意，isSelected是附加到模板中绑定的卡元素的DependentToServable。在我看来，只要viewModel.SelectedCard元素设置了插入符号位置焦点，就会在视图中丢失

 css : { layoutContainer : isEditMode() && isSelected(),
                        drag: isEditMode(),
                        selectedElement : isSelected() && isEditMode() },

this.isSelected = ko.dependentObservable(function () {
    return (this === viewModel.selectedCardElement());
}, this);

this.selectElement = function (element, evt) {
     viewModel.selectedCardElement(element);
},