在Ember 2中,将on = keypress事件绑定到{{input}}时,我无法获得事件对象

罗哈特·卡纳(Rahat Khanna)

在Ember 2中,我正在尝试做最简单的事情。当我将事件绑定到输入元素时,我希望将事件参数传递给我的操作处理程序,但是我无法做到这一点。只需我需要检查用于键盘上“输入”键的keyCode 13。

 {{input type=text
           value=model.filters.query
           placeholder="Search by title"
           action="search" onEvent="key-press"
 }}

我的函数处理程序是:

search(newValue){
 // I am only getting newValue and not the event object
}
祝福

默认情况下不公开DOM事件。这是一个与此有关的问题

但是对于您的用例,我们可以通过在输入助手的'enter'属性中指定动作来触发按下输入按钮时的动作。您可以参考此列表,其中列出了可以在其中添加操作的不同用户事件。

{{input 
  type=text
  value=query
  placeholder="Search by title"
  enter="search"
}}

App.IndexController = Em.Controller.extend({
  query: '',
  actions: {
    search: function(value) {
      alert(value);
    } 
  }
});

这是一个工作示例。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

KeyPress事件在Ember中无法按预期工作

来自分类Dev

无法将事件绑定到对象方法

来自分类Dev

如何从组件中的Ember Input捕获enter事件?

来自分类Dev

将控制器对象绑定到ember中的组件

来自分类Dev

将控制器对象绑定到ember中的组件

来自分类Dev

无法将事件绑定到包含jquery对象的数组

来自分类Dev

将事件绑定到多个对象

来自分类Dev

将事件绑定到对象内的函数

来自分类Dev

angular2将事件绑定到可观察对象

来自分类Dev

将Jquery事件绑定到异步事件响应中的按钮

来自分类Dev

如何使用ember.js捕获列表中某个项目上的keyPress事件?

来自分类Dev

将事件绑定到属性的替代方法

来自分类Dev

动态将点击事件绑定到列表

来自分类Dev

将buttonClick()事件绑定到PHP函数

来自分类Dev

将滚动事件绑定到iframe

来自分类Dev

将事件绑定到ViewModel:扩展文章

来自分类Dev

将事件绑定到包装器元素

来自分类Dev

将buttonClick()事件绑定到PHP函数

来自分类Dev

将事件绑定到动态创建的元素

来自分类Dev

WPF MVVM:将命令绑定到事件

来自分类Dev

将事件绑定到AJAX的子元素

来自分类Dev

将滚动事件绑定到iframe

来自分类Dev

jQuery选择将事件绑定到键盘

来自分类Dev

将事件绑定到泛型函数

来自分类Dev

将点击事件绑定到 Javascript 函数

来自分类Dev

WPF 事件到父子 DataGrid 中的命令绑定无法绑定子 DataGrid 事件

来自分类Dev

将事件绑定到angular指令中的$(document)

来自分类Dev

ListView中的WPF,MVVM,EventBehaviourFactory,将事件绑定到命令

来自分类Dev

如何将事件绑定到iframe中的元素?