Ember Component句柄jQuery事件处理程序

Question

在Ember应用程序组件中，处理jQuery事件处理程序的最佳方法是什么？ 我想处理输入元素上的keyUp事件。

Answer 1

didInsertElement将是进行jquery或dom相关操作的最佳场所。

didInsertElement（）也是附加事件侦听器的好地方。 这对于自定义事件或其他没有内置事件处理程序的浏览器事件特别有用。

https://guides.emberjs.com/v3.0.0/components/the-component-lifecycle/#toc_integrating-with-third-party-libraries-with-code-didinsertelement-code

编辑

我们不需要$(document).ready()因为那时文档已经被加载了。 您可以全局或本地访问dom元素。

您可以使用Ember.$()进行全局访问，这与普通查询类似，可用于选择页面上的任何元素。 即使来自另一个组件。

更好的（首选）方法是使用this.$()在本地访问， this.$()方法仅适用于组件元素。

例如：

<h1 class="title">Heading 1</h1>
{{your-component}}

# your-component.hbs
<div> <h2>Component Heading 2</h2></div>

在上面的示例中，您可以使用Ember.$('h1')和Ember.$('h2')全局访问didInsertElement内部的和标签Ember.$('h2')

但是，如果您执行this.$('h1') ，它将返回null因为您的组件模板没有h1标签，并且退出的h1标签位于您的组件之外。

简而言之， Ember.$()行为就像常规的$()而this.$()行为就像Ember.$('your component root element').find()