开发者

onBlur event in IE

I have this HTML:

<textarea class="question" onBlur="onBlurFun(event); return true;" 
name="aaa" id="bbb"></textarea>

And this function in JavaScript开发者_C百科

    onBlurFun = function(event) {
 var tgt = $(event.target);
 alert(tgt.attr('id'));
    }

In IE, tgt is not properly set. What should I do to have access to calling node?


event.srcElement is Internet Explorer's equivalent of event.target. jQuery normalizes this for you in event handlers applied using .bind(), so you can use event.target in Internet Explorer, but event handlers applied through HTML attributes or the DOM properties won't have the property. In your case, you could change the code to

// event.target or event.srcElement
var tgt = $(event.target || event.srcElement);

or follow June R's advice and pass in a reference to the element instead.

As a side note, there is no need to return true; for most events, but especially for onblur and onfocus since you can't cancel the default action of them anyway.


To check target do not pass event intead of this pass object it self like

look this code

<textarea class="question" onBlur="onBlurFun(this); return true;" 
name="aaa" id="bbb"></textarea>

 function  onBlurFun(obj) 
{
   alert(obj.id); 
}


IE has its own global event object.

This should work

onBlurFun = function(event) {

   if (!event)
   {
     event = window.event;
     event.target = event.srcElement;
   }

   var tgt = $(event.target);
   alert(tgt.attr('id'));

}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜