1

我正在编写一个著名/有角度的移动应用程序。在任何视图中向右滑动即可显示菜单。为此,我设置了以下事件处理:

var MouseSync   = $famous["famous/inputs/MouseSync"];
var TouchSync   = $famous["famous/inputs/TouchSync"];
var GenericSync = $famous['famous/inputs/GenericSync'];

$scope.sync = new GenericSync(
        ["mouse", "touch"], 
        {direction: GenericSync.DIRECTION_X}
);

$scope.sync.on('update', function(data){
    // do stuff while swiping
});

$scope.sync.on('end', function(data) {
    // do stuff at swipe end
});

以上一切正常。我现在的问题是,由于上述原因,我在某些无法访问/输入的视图中有 html 输入。包含这些的表面通过管道将它们的事件传递给“同步”:

<fa-surface fa-pipe-to="sync">
    <input type="text"></input>
</fa-surface>

我知道这里的问题是我输入的点击事件被传递给同步。我只是不知道该怎么办。有任何想法吗?

非常感谢!

4

1 回答 1

0

您是否尝试过 HTML5 自动对焦属性 <input type="text" autofocus></input>或将焦点设置为点击?<input type="text" ng-click="focus($event)"></input>

对于第二个选项,您需要在范围上设置一个函数,如下所示:

$scope.focus = function(ev){ ev.target.focus() }

于 2015-02-11T10:42:24.427 回答