ansaurus

Question

Blur Event Does not get Fired in IE7 and IE6

Answer 1

A:

Try: $('.selected_option').bind('blur', function(){
alert('blurred'); });

Also you can make another trick - handle all mouse clicks or/and focus events and if some another control is selected, then your own is blurred (ofcourse if it was selected previously).

Paul Podlipensky 2009-08-14 12:38:45

Answer 2

+1 A:

First realize that focus and blur events are only supported on focusable elements. To make your <div>s focusable you need to look at the tabindex property.

Crescent Fresh 2009-08-14 14:19:36

Answer 3

A:

I have set the tabIndex property for the div to be focusable and moreover if i comment the height the blur event is fired so I assume thats not the problem.

2009-08-17 07:14:55

either edit your question or comment on someone's answer. do not post your own answer unless you figured it out and it answers your original question.

geowa4 2009-08-26 15:23:07

Answer 4

+1 A:

Try using an anchor tag instead of a div since these are naively focusable. You can set the href of the anchor to "javascript:void(0)" to prevent it from actually linking to a pageand use the css property "display: block" to make it render like a div. Something like this:

<html>
  <head>
    <title>Exploring IE</title>
    <style type="text/css">
      /** Exploring IE**/
      .selected_option
      {
        display: block;
        height:18px;
      }
    </style> 
    <script type="text/javascript" src="jquery-1.3.2.min9919.js"></script>
    <script type="text/javascript">
      $().ready(function(){
        $('.selected_option').blur(function(){
          alert('blurred');
        });
      });
    </script>
  </head>
  <body>
    <a href="javascript:void(0)" class="selected_option">anywhere in the page</a>
  </body>
</html>

Haven't tested this, but I think it should work.

InvisibleBacon 2009-08-24 14:24:55

Answer 5

+2 A:

The IE-proprietary focusout event worked for me:

$('.selected_option').bind('focusout', function(){
    alert('focusout');
});

Again, this is proprietary (see quirksmode) but may be appropriate if it solves your problem. You could always bind to both the blur and focusout events.

Nate 2009-08-24 18:50:54

Thanks for the tip. This solved my problems with IE7. First tried live('focusout'), but that did not work, and then bind() which worked for ie7.

Serkan 2010-09-16 08:11:46

Answer 6

A:

Thanks that works for me !!

2009-08-26 06:33:07

Use comments for this and mark the accepted answer.

anddoutoi 2009-08-26 06:39:17

Answer 7

A:

onkeypress="this.blur(); return false;"

its works fine on all ie versions

Suresh 2010-10-28 06:54:34

Answer 8

A:

There is no Tabindex attribute for div element

Suresh 2010-10-28 08:44:46

ansaurus

tags:

views:

answers:

Blur Event Does not get Fired in IE7 and IE6

related questions