Click Event does not get fired in SPFX Extension in IE 11

Question

I have created one spfx extension of type application customizer. I have attached click event to setting icon span.But when I click on setting icon it does not get fired.

This is working fine in Chrome, Firefox,IE edge but not working in IE 11,

Following is the code..

 const settingIcon = document.getElementsByClassName(SETTINGS_ICON)[0];
  if (settingIcon != null) {
    settingIcon.addEventListener("click", ()=> {
    alert('Hi')            
  });

Thank you.

Answer 1

I tested your code in a spfx extension and it works well in IE, the click event get triggered.

Test demo:

• https://github.com/kongmengfei/SharedSPFx/blob/master/app-extension/README.md

BR

Answer 2

IE11 doesn't support arrow functions. Use function instead.

var settingIcon = document.getElementsByClassName(SETTINGS_ICON)[0];

if (settingIcon != null) {
  settingIcon.addEventListener("click", function () {
    alert('Hi');
  });
}