在ember中更改textarea的事件

Question

所以我有这个textarea

{{textarea value=model.description key-press="upload" required=true rows="5" aria-describedby=describedby}}

正如您在上面看到的那样，按键事件工作正常，即能够触发上传操作

现在当我用更改或更改替换按键时，上传操作不会被触发。这是代码

{{textarea value=model.description onchange="upload" required=true rows="5" aria-describedby=describedby}}

如何在ember for textarea中调用change事件动作？

Answer 1

你可以这样做，这个ember在输入助手上的事件有一些问题。

 <textarea value={{model.description}} onchange={{action "upload" value="target.value"}} >

Answer 2

TextArea正在延长TextSupport，所以这里是事件supported by inbuilt，

+--------------------+----------------+
|                    |                |
| event              | attribute name |
+--------------------+----------------+
| new line inserted  | insert-newline |
|                    |                |
| enter key pressed  | insert-newline |
|                    |                |
| cancel key pressed | escape-press   |
|                    |                |
| focusin            | focus-in       |
|                    |                |
| focusout           | focus-out      |
|                    |                |
| keypress           | key-press      |
|                    |                |
| keyup              | key-up         |
|                    |                |
| keydown            | key-down       |
+--------------------+----------------+

如果您想触发onchange的操作，那么您可以尝试以下选项，

1. 您可以使用普通的{{textarea代替<text-area，而不是<textarea value={{appName}} onchange={{action 'onTextFiledChange'}} />

   onchange

2. focus-out事件也会触发{{textarea value=appName focus-out='onTextFiledChange' }}文字区域，

   TextArea

3. 您可以通过扩展{{my-textarea value=appName onTextFiledChange='onTextFiledChange'}}

   来创建自己的组件

   transform-origin

看看at this twiddle