Fire onmouseover event when element is disabled

Question

I have some controls that I need to disable when users don\'t have edit priveleges, but are sometimes not wide enough to show the entire text of the selected option element.

Answer 1

I know this is an old post, but hopefully this answer will clarify how @Diodeus answer can be implemented!

Disabled elements do not fire events, e.g. users cannot hover or click them to trigger a popover (or tooltip). As a workaround, you can however wrap a

or around the disabled element and listen to the event fired on that element instead.

NOTE! Using onmouseover and onmouseout in the wrapper

will not work as expected in Chrome (v69). But will however work in IE. Which is why I recommend users to use onmouseenter and onmouseleave instead, which is working great both in IE and in Chrome.

   
    Disabled
  

  

    
      Disabled with wrapper
    
  

I've put together a JS fiddle with some examples here: http://jsfiddle.net/Dr4co/tg6134ju/

0 讨论(0)

查看其它6个回答

发布评论:

提交评论

---

•  加载中...