jquery droppable target

Question

If I have a table with a lot of cells, lets assume 50 rows x 50 columns, is the application of a jquery "droppable" to each cell inefficient?

Can I assign the droppable to the parent TABLE, for instance, and then somehow capture the actual element (ie. the TD) where the item is dropped? If I remember my event delegation correctly, in any given event the TD recieves it first, followed by the TABLE.

Can someone please enlighten me?

Jason

Answer 1

Yep you can do this using event delegation. Trying to listen for cliks on each TD tag would be a no no in terms of performance and would cause memory leak issues. Attach an event listener on the table tag and intercept the click event and determine which cell was clicked. Check this out, it talks using event delegation on a table to capture clicks on the TD elements:

http://www.sitepoint.com/blogs/2008/07/23/javascript-event-delegation-is-easier-than-you-think/