Angular 7 and onchange in textbox

[CRISTIAN]

Hello,

I was reading about "typing" in message where if it is true a "typing animation" will be displayed in the chat.

But how could I to know in angular 7 when the user is typing words in the textbox chat for send a notification to other user? I was thinking in do some onchange subscription by DOM selector in angular 7 but I cant find the way...

Please could you help me?

Thanks in advance.

[Martin]

Hi Cristian,

A possible approach to achieve the desired custom implementation is to listen for user input by using addEventListener method in the ngOnInit hook:

  ngOnInit() {
    const input = document.querySelector(".k-message-box");
    input.addEventListener("input", e => {
      ...
    });
  }

The animation can be shown or hidden depending on the typed characters:

https://stackblitz.com/edit/angular-ycbda6-zwiejt?file=app/app.component.ts

I hope this points you in the right direction. Let me know if I can assist any further.

Regards,
Martin
Progress Telerik

[CRISTIAN]

"I hope this points you in the right direction."

Yes, this is what i was looking for!!

Thank very much.