I think I must have misunderstood something about events on selectors.

I was using code like this:

HTML: <a href="someurl" id="propStatus"><b>sometext</b></a>

jQuery: $(document).on('click', '#propStatus', function(event)

and picking up the target url with event.target.href

This worked for some days and then suddenly stopped working.

On further inspection event.target.href was undefined and checking for event.target.nodeName showed "B", e.g. the inner node of the anchor. I had to move the B outside of the A to make it work again.

Latest jQuery, IE8.

 

My question is:

Is the latter behavior (picking up the target from B) the expected one?

If yes, why? I'm under the impression that the event happens on the A element.

If yes, why did it work for some days the other way?

Also, is there a simple way in jQuery to get the target from the A if there's another element within? (other than explicitely looking for it with closest() or so)

If no, how can I get that earlier behavior back?

 

Thanks,