Use jQuery Event in inline JavaScript handler

Question

I working on a project and am limited to handling JavaScript events via the inline handlers like onclick and onchange. However, I need my handlers to be cross-browser. I'm used to using jQuery for this, but since I can't use $('#id').click(function() { ... }) I'm having some difficulty getting access to jQuery-style events.

For example, I want do this:

<table>
  <tr onclick="if (event.target.tagName.toLowerCase() !== 'td') return false; ...">
    <td>...</td>
    <td>...</td>
    <td><a>...</a></td>
    <td><a>...</a></td>
  </tr>
</table>

Basically, this code should only handle a clicks on the cells in the table that don't have any anchor sub-elements.

This works fine in Firefox and Chrome and pretty much any browser that uses W3C events. Unfortunately, in IE, it does not work.

What I'd like to do is something like:

if ($.Event(event).target.tagName.toLowerCase() !== 'td') return false; ...

For the onclick handler, but it appears that when you wrap an event in jQuery in this way, it doesn't provide the target field.

What am I doing wrong?

Why is it absolutely necessary to make this inline? Couldn't you put script tags in the html somewhere? — treeface
– treeface, Commented Sep 17, 2010 at 16:27

Ryley · Accepted Answer · 2010-09-17 17:57:52Z

2

If you check out the jQuery source, you'll see that creating an Event object doesn't do much. All it does is specify the originalEvent, type, and timeStamp properties. What you really want to do is "fix" the default object to work in some kind of cross-browser way right:

$.event.fix(event).target.tagName.toLowerCase() !== 'td'

event.fix is not in the public interface for jQuery, but it seems to do the job...

Check it out here: http://jsfiddle.net/ryleyb/UdJqV/1/

answered Sep 17, 2010 at 17:57

Ryley

21.3k2 gold badges69 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use jQuery Event in inline JavaScript handler

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related