更改事件

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}} 

如何调用embar中的change event action为textarea？

Answer 1

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

<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'}} />

2. onchange事件也触发于focus-out文本区域，

   {{textarea value=appName focus-out='onTextFiledChange' }}

3. 您可以通过扩展TextArea

   {{my-textarea value=appName onTextFiledChange='onTextFiledChange'}}

创建自己的组件

看一看at this twiddle