更改事件

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