2

我正在尝试在 Knockout 中更新条件模糊的输入值 - 基本上我希望元素在特定元素触发模糊时不触发值更新。我知道我可以查看mousedown文档上的每个元素并确定最后点击的内容，但似乎有点过分。任何人都可以想到的任何其他工作？

<input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', enterKey:     $root.stopEditing, selected: editing, event: { blur: $root.checkEditing }">

我试图实现这一目标的代码不适用于document.activeElement.

self.checkEditing = function( item, event ) {
        if (document.activeElement == $('a.cancel')) {

            // revert to previous title, aka cancel the editing
            item.title(item.previousTitle);
            item.editing( false );

        } else {
                            // this will update value with whatever was typed right before the blur
            item.editing( false );

            if ( !item.title().trim() ) {
                self.remove( item );
            }
        }
    };
4

1 回答 1

1

看起来要适当地捕获触发模糊的元素，必须使用 setTimeout。处理完模糊后， setTimeout 确保获得焦点的元素可用。

例如：

输入：

<input class="edit" data-bind="value: title, valueUpdate: 'afterkeydown', selected: editing, event: { blur: $root.checkEditing, click: $root.editItem }">

模糊后检查活动元素的方法：

   self.checkEditing = function( item, event ) {

        setTimeout(function(){

            console.log("The active element is: " + document.activeElement)

            // check if the user selected cancel
            if ($(document.activeElement).is("a.cancel")) {

                // revert to previous title
                item.title(item.previousTitle);
            }
        });

        item.editing( false );

        if ( !item.title().trim() ) {
            self.remove( item );
        }

    };

完整的小提琴演示在这里：http: //jsfiddle.net/hUA9v/5/

于 2013-02-25T02:44:01.737 回答