How to handle mouseover and mouseleave events on Windows 8.1 Touchscreen

Question

In my asp.net project, I wrote javascript functions for the mouseover and mouseleave / mouseout events of buttons and some other controls. Previously, this site was used on devices without a touch screen. But now, when I try to access the same website in Windows 8.1, in Internet Explorer 10/11, the problem is that after clicking on the screen event the mouse click fires (which is good in my case) and when I I remove my finger on the screen, the mouseleave event is triggered (which is problematic, for example, drop-down menus do not work properly after mouse events have been issued). This issue only occurs in Internet Explorer 10/11. And the site works great with all its features in Chrome. Is there any jQuery plugin or some other solution for this problem? Answer soon. I need this very urgently.

Thanks in advance.

Answer 1

Add aria-haspopup="true" attribute to the drop-down list of element triggers showing / hiding. https://msdn.microsoft.com/en-us/library/ie/jj152135(v=vs.85).aspx