ejs-autocomplete event on clearing text

Question

Hi,I would like to listen event on the clearing text from the autocomplete. I would like to perform some action once text is cleared from the field. Regards,Parth

Berly Christopher · Accepted Answer

Hi Parth, 
  
Greetings from Syncfusion support. 
  
By default, while changing the value from the AutoComplete component either by backspace, selection or clear value using clear icon, then the change event of the component will be triggered.  
  
API: https://ej2.syncfusion.com/angular/documentation/api/auto-complete#change  
  
Else, if you want to capture the event when you clear the values using clear icon, we suggest you to bind the event for the clear icon as mentioned in the below code example. 
  




  ngAfterViewInit() { 
    this.localObj.element.addEventListener('input', e => { 
      if (!this.isFirst) { 
        this.isFirst = true; 
        this.localObj.element.parentElement 
          .querySelector('.e-clear-icon') 
          .addEventListener('mousedown', args => { 
            console.log('Clicked on clear icon'); 
          }); 
      } 
    }); 
  } 
 
  
Sample: https://stackblitz.com/edit/angular-luo8uf?file=app.component.ts  
  
Regards, 
Berly B.C

Parthkumar Kakadiya · Answer

Hi Berly,Thanks a lot. your solution worked for me. Regards,Parth

Berly Christopher · Answer

Hi Parthkumar, 
  
Most welcome. Please let us know if you need further assistance on this. 
  
Regards, 
Berly B.C