tag:blogger.com,1999:blog-78249167143112681212011-05-28T23:20:09.965-04:00Rajhttp://www.blogger.com/profile/01751809213128404235noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-7824916714311268121.post-46765859150657219942009-02-21T06:03:00.002-05:002009-02-21T06:25:58.476-05:00I found out about the trigger function in jQuery a while back and I love it. Using this we have the ability to "trigger" an event on all the matched element. <div>For example, if there is an event-hander for a click event like this,</div><div><br /></div><div>$("#testButton").click(</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>function(){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>console.log("inside testButton click");</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div>);</div><div> </div><div>We can use the following code to execute the above event handler as if the click event happened (almost) in the browser.</div><div><br /></div><div>$("#testButton").trigger("click");<br /></div><div><br /></div><div>The one cavet is if you trigger an event which uses the position (x,y coordinates) or keycode (enter key etc.,) you may get error, since those are not passed when using the trigger function.</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7824916714311268121-4676585915065721994?l=vraajkumar.blogspot.com' alt='' /></div>Rajhttp://www.blogger.com/profile/01751809213128404235noreply@blogger.com0