3 test("bind(), with data", function() {
5 var handler = function(event) {
6 ok( event.data, "bind() with data, check passed data exists" );
7 equals( event.data.foo, "bar", "bind() with data, Check value of passed data" );
9 jQuery("#firstp").bind("click", {foo: "bar"}, handler).click().unbind("click", handler);
11 ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
14 test("click(), with data", function() {
16 var handler = function(event) {
17 ok( event.data, "bind() with data, check passed data exists" );
18 equals( event.data.foo, "bar", "bind() with data, Check value of passed data" );
20 jQuery("#firstp").click({foo: "bar"}, handler).click().unbind("click", handler);
22 ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
25 test("bind(), with data, trigger with data", function() {
27 var handler = function(event, data) {
28 ok( event.data, "check passed data exists" );
29 equals( event.data.foo, "bar", "Check value of passed data" );
30 ok( data, "Check trigger data" );
31 equals( data.bar, "foo", "Check value of trigger data" );
33 jQuery("#firstp").bind("click", {foo: "bar"}, handler).trigger("click", [{bar: "foo"}]).unbind("click", handler);
36 test("bind(), multiple events at once", function() {
40 var handler = function(event) {
41 if (event.type == "click")
43 else if (event.type == "mouseover")
44 mouseoverCounter += 1;
46 jQuery("#firstp").bind("click mouseover", handler).trigger("click").trigger("mouseover");
47 equals( clickCounter, 1, "bind() with multiple events at once" );
48 equals( mouseoverCounter, 1, "bind() with multiple events at once" );
51 test("bind(), multiple events at once and namespaces", function() {
56 var div = jQuery("<div/>").bind("focusin.a", function(e) {
57 equals( e.type, cur, "Verify right single event was fired." );
61 div.trigger("focusin.a");
63 div = jQuery("<div/>").bind("click mouseover", obj, function(e) {
64 equals( e.type, cur, "Verify right multi event was fired." );
65 equals( e.data, obj, "Make sure the data came in correctly." );
72 div.trigger("mouseover");
74 div = jQuery("<div/>").bind("focusin.a focusout.b", function(e) {
75 equals( e.type, cur, "Verify right multi event was fired." );
79 div.trigger("focusin.a");
82 div.trigger("focusout.b");
85 test("bind(), namespace with special add", function() {
88 var div = jQuery("<div/>").bind("test", function(e) {
89 ok( true, "Test event fired." );
94 jQuery.event.special.test = {
95 _default: function(e) {
96 equals( this, document, "Make sure we're at the top of the chain." );
97 equals( e.type, "test", "And that we're still dealing with a test event." );
98 equals( e.target, div[0], "And that the target is correct." );
101 teardown: function(){
102 ok(true, "Teardown called.");
104 add: function( handleObj ) {
105 var handler = handleObj.handler;
106 handleObj.handler = function(e) {
108 handler.apply( this, arguments );
112 ok(true, "Remove called.");
116 div.bind("test.a", {x: 1}, function(e) {
117 ok( !!e.xyz, "Make sure that the data is getting passed through." );
118 equals( e.data.x, 1, "Make sure data is attached properly." );
121 div.bind("test.b", {x: 2}, function(e) {
122 ok( !!e.xyz, "Make sure that the data is getting passed through." );
123 equals( e.data.x, 2, "Make sure data is attached properly." );
130 div.trigger("test.a");
133 div.trigger("test.b");
138 div = jQuery("<div/>").bind("test", function(e) {
139 ok( true, "Test event fired." );
143 div.appendTo("#main").remove();
145 delete jQuery.event.special.test;
148 test("bind(), no data", function() {
150 var handler = function(event) {
151 ok ( !event.data, "Check that no data is added to the event object" );
153 jQuery("#firstp").bind("click", handler).trigger("click");
156 test("bind/one/unbind(Object)", function(){
159 var clickCounter = 0, mouseoverCounter = 0;
160 function handler(event) {
161 if (event.type == "click")
163 else if (event.type == "mouseover")
167 function handlerWithData(event) {
168 if (event.type == "click")
169 clickCounter += event.data;
170 else if (event.type == "mouseover")
171 mouseoverCounter += event.data;
175 $elem.trigger("click").trigger("mouseover");
178 var $elem = jQuery("#firstp")
186 click:handlerWithData,
187 mouseover:handlerWithData
192 equals( clickCounter, 3, "bind(Object)" );
193 equals( mouseoverCounter, 3, "bind(Object)" );
196 equals( clickCounter, 4, "bind(Object)" );
197 equals( mouseoverCounter, 4, "bind(Object)" );
199 jQuery("#firstp").unbind({
205 equals( clickCounter, 4, "bind(Object)" );
206 equals( mouseoverCounter, 4, "bind(Object)" );
209 test("bind(), iframes", function() {
210 // events don't work with iframes, see #939 - this test fails in IE because of contentDocument
211 var doc = jQuery("#loadediframe").contents();
213 jQuery("div", doc).bind("click", function() {
214 ok( true, "Binding to element inside iframe" );
215 }).click().unbind('click');
218 test("bind(), trigger change on select", function() {
221 function selectOnChange(event) {
222 equals( event.data, counter++, "Event.data is not a global event object" );
224 jQuery("#form select").each(function(i){
225 jQuery(this).bind('change', i, selectOnChange);
226 }).trigger('change');
229 test("bind(), namespaced events, cloned events", function() {
232 jQuery("#firstp").bind("custom.test",function(e){
233 ok(true, "Custom event triggered");
236 jQuery("#firstp").bind("click",function(e){
237 ok(true, "Normal click triggered");
240 jQuery("#firstp").bind("click.test",function(e){
241 ok(true, "Namespaced click triggered");
244 // Trigger both bound fn (2)
245 jQuery("#firstp").trigger("click");
247 // Trigger one bound fn (1)
248 jQuery("#firstp").trigger("click.test");
250 // Remove only the one fn
251 jQuery("#firstp").unbind("click.test");
253 // Trigger the remaining fn (1)
254 jQuery("#firstp").trigger("click");
256 // Remove the remaining fn
257 jQuery("#firstp").unbind(".test");
259 // Trigger the remaining fn (0)
260 jQuery("#firstp").trigger("custom");
262 // using contents will get comments regular, text, and comment nodes
263 jQuery("#nonnodes").contents().bind("tester", function () {
264 equals(this.nodeType, 1, "Check node,textnode,comment bind just does real nodes" );
265 }).trigger("tester");
267 // Make sure events stick with appendTo'd elements (which are cloned) #2027
268 jQuery("<a href='#fail' class='test'>test</a>").click(function(){ return false; }).appendTo("p");
269 ok( jQuery("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements" );
272 test("bind(), multi-namespaced events", function() {
284 function check(name, msg){
285 same(name, order.shift(), msg);
288 jQuery("#firstp").bind("custom.test",function(e){
289 check("custom.test", "Custom event triggered");
292 jQuery("#firstp").bind("custom.test2",function(e){
293 check("custom.test2", "Custom event triggered");
296 jQuery("#firstp").bind("click.test",function(e){
297 check("click.test", "Normal click triggered");
300 jQuery("#firstp").bind("click.test.abc",function(e){
301 check("click.test.abc", "Namespaced click triggered");
304 // Those would not trigger/unbind (#5303)
305 jQuery("#firstp").trigger("click.a.test");
306 jQuery("#firstp").unbind("click.a.test");
308 // Trigger both bound fn (1)
309 jQuery("#firstp").trigger("click.test.abc");
311 // Trigger one bound fn (1)
312 jQuery("#firstp").trigger("click.abc");
314 // Trigger two bound fn (2)
315 jQuery("#firstp").trigger("click.test");
317 // Remove only the one fn
318 jQuery("#firstp").unbind("click.abc");
320 // Trigger the remaining fn (1)
321 jQuery("#firstp").trigger("click");
323 // Remove the remaining fn
324 jQuery("#firstp").unbind(".test");
326 // Trigger the remaining fn (1)
327 jQuery("#firstp").trigger("custom");
330 test("bind(), with same function", function() {
333 var count = 0 , func = function(){
337 jQuery("#liveHandlerOrder").bind("foo.bar", func).bind("foo.zar", func);
338 jQuery("#liveHandlerOrder").trigger("foo.bar");
340 equals(count, 1, "Verify binding function with multiple namespaces." );
342 jQuery("#liveHandlerOrder").unbind("foo.bar", func).unbind("foo.zar", func);
343 jQuery("#liveHandlerOrder").trigger("foo.bar");
345 equals(count, 1, "Verify that removing events still work." );
348 test("bind(), make sure order is maintained", function() {
351 var elem = jQuery("#firstp"), log = [], check = [];
353 for ( var i = 0; i < 100; i++ ) (function(i){
354 elem.bind( "click", function(){
361 elem.trigger("click");
363 equals( log.join(","), check.join(","), "Make sure order was maintained." );
365 elem.unbind("click");
368 test("bind(), with different this object", function() {
370 var thisObject = { myThis: true },
371 data = { myData: true },
372 handler1 = function( event ) {
373 equals( this, thisObject, "bind() with different this object" );
375 handler2 = function( event ) {
376 equals( this, thisObject, "bind() with different this object and data" );
377 equals( event.data, data, "bind() with different this object and data" );
381 .bind("click", jQuery.proxy(handler1, thisObject)).click().unbind("click", handler1)
382 .bind("click", data, jQuery.proxy(handler2, thisObject)).click().unbind("click", handler2);
384 ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data." );
387 test("bind(name, false), unbind(name, false)", function() {
391 jQuery("#main").bind("click", function(e){ main++; });
392 jQuery("#ap").trigger("click");
393 equals( main, 1, "Verify that the trigger happened correctly." );
396 jQuery("#ap").bind("click", false);
397 jQuery("#ap").trigger("click");
398 equals( main, 0, "Verify that no bubble happened." );
401 jQuery("#ap").unbind("click", false);
402 jQuery("#ap").trigger("click");
403 equals( main, 1, "Verify that the trigger happened correctly." );
406 test("bind()/trigger()/unbind() on plain object", function() {
411 // Make sure it doesn't complain when no events are found
412 jQuery(obj).trigger("test");
414 // Make sure it doesn't complain when no events are found
415 jQuery(obj).unbind("test");
417 jQuery(obj).bind("test", function(){
418 ok( true, "Custom event run." );
421 ok( jQuery(obj).data("events"), "Object has events bound." );
424 jQuery(obj).trigger("test");
426 jQuery(obj).unbind("test");
429 jQuery(obj).trigger("test");
431 // Make sure it doesn't complain when no events are found
432 jQuery(obj).unbind("test");
435 test("unbind(type)", function() {
438 var $elem = jQuery("#firstp"),
442 ok( false, message );
445 message = "unbind passing function";
446 $elem.bind('error1', error).unbind('error1',error).triggerHandler('error1');
448 message = "unbind all from event";
449 $elem.bind('error1', error).unbind('error1').triggerHandler('error1');
451 message = "unbind all";
452 $elem.bind('error1', error).unbind().triggerHandler('error1');
454 message = "unbind many with function";
455 $elem.bind('error1 error2',error)
456 .unbind('error1 error2', error )
457 .trigger('error1').triggerHandler('error2');
459 message = "unbind many"; // #3538
460 $elem.bind('error1 error2',error)
461 .unbind('error1 error2')
462 .trigger('error1').triggerHandler('error2');
464 message = "unbind without a type or handler";
465 $elem.bind("error1 error2.test",error)
467 .trigger("error1").triggerHandler("error2");
470 test("unbind(eventObject)", function() {
473 var $elem = jQuery("#firstp"),
476 function assert( expected ){
478 $elem.trigger('foo').triggerHandler('bar');
479 equals( num, expected, "Check the right handlers are triggered" );
483 // This handler shouldn't be unbound
484 .bind('foo', function(){
487 .bind('foo', function(e){
492 .bind('bar', function(){
506 test("hover()", function() {
508 handler1 = function( event ) { ++times; },
509 handler2 = function( event ) { ++times; };
512 .hover(handler1, handler2)
513 .mouseenter().mouseleave()
514 .unbind("mouseenter", handler1)
515 .unbind("mouseleave", handler2)
517 .mouseenter().mouseleave()
518 .unbind("mouseenter mouseleave", handler1)
519 .mouseenter().mouseleave();
521 equals( times, 4, "hover handlers fired" );
524 test("trigger() shortcuts", function() {
526 jQuery('<li><a href="#">Change location</a></li>').prependTo('#firstUL').find('a').bind('click', function() {
527 var close = jQuery('spanx', this); // same with jQuery(this).find('span');
528 equals( close.length, 0, "Context element does not exist, length must be zero" );
529 ok( !close[0], "Context element does not exist, direct access to element must return undefined" );
533 jQuery("#check1").click(function() {
534 ok( true, "click event handler for checkbox gets fired twice, see #815" );
538 jQuery('#firstp')[0].onclick = function(event) {
541 jQuery('#firstp').click();
542 equals( counter, 1, "Check that click, triggers onclick event handler also" );
544 var clickCounter = 0;
545 jQuery('#simon1')[0].onclick = function(event) {
548 jQuery('#simon1').click();
549 equals( clickCounter, 1, "Check that click, triggers onclick event handler on an a tag also" );
551 jQuery('<img />').load(function(){
552 ok( true, "Trigger the load event, using the shortcut .load() (#2819)");
556 test("trigger() bubbling", function() {
559 var doc = 0, html = 0, body = 0, main = 0, ap = 0;
561 jQuery(document).bind("click", function(e){ if ( e.target !== document) { doc++; } });
562 jQuery("html").bind("click", function(e){ html++; });
563 jQuery("body").bind("click", function(e){ body++; });
564 jQuery("#main").bind("click", function(e){ main++; });
565 jQuery("#ap").bind("click", function(){ ap++; return false; });
567 jQuery("html").trigger("click");
568 equals( doc, 1, "HTML bubble" );
569 equals( html, 1, "HTML bubble" );
571 jQuery("body").trigger("click");
572 equals( doc, 2, "Body bubble" );
573 equals( html, 2, "Body bubble" );
574 equals( body, 1, "Body bubble" );
576 jQuery("#main").trigger("click");
577 equals( doc, 3, "Main bubble" );
578 equals( html, 3, "Main bubble" );
579 equals( body, 2, "Main bubble" );
580 equals( main, 1, "Main bubble" );
582 jQuery("#ap").trigger("click");
583 equals( doc, 3, "ap bubble" );
584 equals( html, 3, "ap bubble" );
585 equals( body, 2, "ap bubble" );
586 equals( main, 1, "ap bubble" );
587 equals( ap, 1, "ap bubble" );
590 test("trigger(type, [data], [fn])", function() {
593 var handler = function(event, a, b, c) {
594 equals( event.type, "click", "check passed data" );
595 equals( a, 1, "check passed data" );
596 equals( b, "2", "check passed data" );
597 equals( c, "abc", "check passed data" );
601 var $elem = jQuery("#firstp");
603 // Simulate a "native" click
604 $elem[0].click = function(){
605 ok( true, "Native call was triggered" );
608 // Triggers handlrs and native
610 $elem.bind("click", handler).trigger("click", [1, "2", "abc"]);
612 // Simulate a "native" click
613 $elem[0].click = function(){
614 ok( false, "Native call was triggered" );
617 // Trigger only the handlers (no native)
619 equals( $elem.triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response" );
623 jQuery('#form input:first').hide().trigger('focus');
627 ok( pass, "Trigger focus on hidden element" );
631 jQuery('table:first').bind('test:test', function(){}).trigger('test:test');
635 ok( pass, "Trigger on a table with a colon in the even type, see #3533" );
637 var form = jQuery("<form action=''></form>").appendTo("body");
639 // Make sure it can be prevented locally
640 form.submit(function(){
641 ok( true, "Local bind still works." );
646 form.trigger("submit");
648 form.unbind("submit");
650 jQuery(document).submit(function(){
651 ok( true, "Make sure bubble works up to document." );
656 form.trigger("submit");
658 jQuery(document).unbind("submit");
663 test("jQuery.Event.currentTarget", function(){
666 test("trigger(eventObject, [data], [fn])", function() {
669 var $parent = jQuery('<div id="par" />').hide().appendTo('body'),
670 $child = jQuery('<p id="child">foo</p>').appendTo( $parent );
672 var event = jQuery.Event("noNew");
673 ok( event != window, "Instantiate jQuery.Event without the 'new' keyword" );
674 equals( event.type, "noNew", "Verify its type" );
676 equals( event.isDefaultPrevented(), false, "Verify isDefaultPrevented" );
677 equals( event.isPropagationStopped(), false, "Verify isPropagationStopped" );
678 equals( event.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped" );
680 event.preventDefault();
681 equals( event.isDefaultPrevented(), true, "Verify isDefaultPrevented" );
682 event.stopPropagation();
683 equals( event.isPropagationStopped(), true, "Verify isPropagationStopped" );
685 event.isPropagationStopped = function(){ return false };
686 event.stopImmediatePropagation();
687 equals( event.isPropagationStopped(), true, "Verify isPropagationStopped" );
688 equals( event.isImmediatePropagationStopped(), true, "Verify isPropagationStopped" );
690 $parent.bind('foo',function(e){
692 equals( e.type, 'foo', 'Verify event type when passed passing an event object' );
693 equals( e.target.id, 'child', 'Verify event.target when passed passing an event object' );
694 equals( e.currentTarget.id, 'par', 'Verify event.target when passed passing an event object' );
695 equals( e.secret, 'boo!', 'Verify event object\'s custom attribute when passed passing an event object' );
698 // test with an event object
699 event = new jQuery.Event("foo");
700 event.secret = 'boo!';
701 $child.trigger(event);
703 // test with a literal object
704 $child.trigger({type:'foo', secret:'boo!'});
709 ok( false, "This assertion shouldn't be reached");
712 $parent.bind('foo', error );
714 $child.bind('foo',function(e, a, b, c ){
715 equals( arguments.length, 4, "Check arguments length");
716 equals( a, 1, "Check first custom argument");
717 equals( b, 2, "Check second custom argument");
718 equals( c, 3, "Check third custom argument");
720 equals( e.isDefaultPrevented(), false, "Verify isDefaultPrevented" );
721 equals( e.isPropagationStopped(), false, "Verify isPropagationStopped" );
722 equals( e.isImmediatePropagationStopped(), false, "Verify isImmediatePropagationStopped" );
725 e.stopImmediatePropagation();
730 // We should add this back in when we want to test the order
731 // in which event handlers are iterated.
732 //$child.bind('foo', error );
734 event = new jQuery.Event("foo");
735 $child.trigger( event, [1,2,3] ).unbind();
736 equals( event.result, "result", "Check event.result attribute");
738 // Will error if it bubbles
739 $child.triggerHandler('foo');
742 $parent.unbind().remove();
745 test("jQuery.Event.currentTarget", function(){
749 $elem = jQuery('<button>a</button>').click(function(e){
750 equals( e.currentTarget, this, "Check currentTarget on "+(counter++?"native":"fake") +" event" );
754 $elem.trigger('click');
760 test("toggle(Function, Function, ...)", function() {
764 fn1 = function(e) { count++; },
765 fn2 = function(e) { count--; },
766 preventDefault = function(e) { e.preventDefault() },
767 link = jQuery('#mark');
768 link.click(preventDefault).click().toggle(fn1, fn2).click().click().click().click().click();
769 equals( count, 1, "Check for toggle(fn, fn)" );
771 jQuery("#firstp").toggle(function () {
772 equals(arguments.length, 4, "toggle correctly passes through additional triggered arguments, see #1701" )
773 }, function() {}).trigger("click", [ 1, 2, 3 ]);
776 jQuery("#simon1").one("click", function() {
777 ok( true, "Execute event only once" );
778 jQuery(this).toggle(function() {
779 equals( first++, 0, "toggle(Function,Function) assigned from within one('xxx'), see #1054" );
781 equals( first, 1, "toggle(Function,Function) assigned from within one('xxx'), see #1054" );
784 }).click().click().click();
799 var $div = jQuery("<div> </div>").toggle( fns[0], fns[1], fns[2] );
801 equals( turn, 1, "Trying toggle with 3 functions, attempt 1 yields 1");
803 equals( turn, 2, "Trying toggle with 3 functions, attempt 2 yields 2");
805 equals( turn, 3, "Trying toggle with 3 functions, attempt 3 yields 3");
807 equals( turn, 1, "Trying toggle with 3 functions, attempt 4 yields 1");
809 equals( turn, 2, "Trying toggle with 3 functions, attempt 5 yields 2");
811 $div.unbind('click',fns[0]);
812 var data = jQuery.data( $div[0], 'events' );
813 ok( !data, "Unbinding one function from toggle unbinds them all");
815 // Test Multi-Toggles
817 $div = jQuery("<div/>");
818 $div.toggle(function(){ a.push(1); }, function(){ a.push(2); });
820 same( a, [1], "Check that a click worked." );
822 $div.toggle(function(){ b.push(1); }, function(){ b.push(2); });
824 same( a, [1,2], "Check that a click worked with a second toggle." );
825 same( b, [1], "Check that a click worked with a second toggle." );
828 same( a, [1,2,1], "Check that a click worked with a second toggle, second click." );
829 same( b, [1,2], "Check that a click worked with a second toggle, second click." );
832 test(".live()/.die()", function() {
835 var submit = 0, div = 0, livea = 0, liveb = 0;
837 jQuery("div").live("submit", function(){ submit++; return false; });
838 jQuery("div").live("click", function(){ div++; });
839 jQuery("div#nothiddendiv").live("click", function(){ livea++; });
840 jQuery("div#nothiddendivchild").live("click", function(){ liveb++; });
842 // Nothing should trigger on the body
843 jQuery("body").trigger("click");
844 equals( submit, 0, "Click on body" );
845 equals( div, 0, "Click on body" );
846 equals( livea, 0, "Click on body" );
847 equals( liveb, 0, "Click on body" );
849 // This should trigger two events
850 submit = 0, div = 0, livea = 0, liveb = 0;
851 jQuery("div#nothiddendiv").trigger("click");
852 equals( submit, 0, "Click on div" );
853 equals( div, 1, "Click on div" );
854 equals( livea, 1, "Click on div" );
855 equals( liveb, 0, "Click on div" );
857 // This should trigger three events (w/ bubbling)
858 submit = 0, div = 0, livea = 0, liveb = 0;
859 jQuery("div#nothiddendivchild").trigger("click");
860 equals( submit, 0, "Click on inner div" );
861 equals( div, 2, "Click on inner div" );
862 equals( livea, 1, "Click on inner div" );
863 equals( liveb, 1, "Click on inner div" );
865 // This should trigger one submit
866 submit = 0, div = 0, livea = 0, liveb = 0;
867 jQuery("div#nothiddendivchild").trigger("submit");
868 equals( submit, 1, "Submit on div" );
869 equals( div, 0, "Submit on div" );
870 equals( livea, 0, "Submit on div" );
871 equals( liveb, 0, "Submit on div" );
873 // Make sure no other events were removed in the process
874 submit = 0, div = 0, livea = 0, liveb = 0;
875 jQuery("div#nothiddendivchild").trigger("click");
876 equals( submit, 0, "die Click on inner div" );
877 equals( div, 2, "die Click on inner div" );
878 equals( livea, 1, "die Click on inner div" );
879 equals( liveb, 1, "die Click on inner div" );
881 // Now make sure that the removal works
882 submit = 0, div = 0, livea = 0, liveb = 0;
883 jQuery("div#nothiddendivchild").die("click");
884 jQuery("div#nothiddendivchild").trigger("click");
885 equals( submit, 0, "die Click on inner div" );
886 equals( div, 2, "die Click on inner div" );
887 equals( livea, 1, "die Click on inner div" );
888 equals( liveb, 0, "die Click on inner div" );
890 // Make sure that the click wasn't removed too early
891 submit = 0, div = 0, livea = 0, liveb = 0;
892 jQuery("div#nothiddendiv").trigger("click");
893 equals( submit, 0, "die Click on inner div" );
894 equals( div, 1, "die Click on inner div" );
895 equals( livea, 1, "die Click on inner div" );
896 equals( liveb, 0, "die Click on inner div" );
898 // Make sure that stopPropgation doesn't stop live events
899 submit = 0, div = 0, livea = 0, liveb = 0;
900 jQuery("div#nothiddendivchild").live("click", function(e){ liveb++; e.stopPropagation(); });
901 jQuery("div#nothiddendivchild").trigger("click");
902 equals( submit, 0, "stopPropagation Click on inner div" );
903 equals( div, 1, "stopPropagation Click on inner div" );
904 equals( livea, 0, "stopPropagation Click on inner div" );
905 equals( liveb, 1, "stopPropagation Click on inner div" );
907 // Make sure click events only fire with primary click
908 submit = 0, div = 0, livea = 0, liveb = 0;
909 var event = jQuery.Event("click");
911 jQuery("div#nothiddendiv").trigger(event);
913 equals( livea, 0, "live secondary click" );
915 jQuery("div#nothiddendivchild").die("click");
916 jQuery("div#nothiddendiv").die("click");
917 jQuery("div").die("click");
918 jQuery("div").die("submit");
920 // Test binding with a different context
921 var clicked = 0, container = jQuery('#main')[0];
922 jQuery("#foo", container).live("click", function(e){ clicked++; });
923 jQuery("div").trigger('click');
924 jQuery("#foo").trigger('click');
925 jQuery("#main").trigger('click');
926 jQuery("body").trigger('click');
927 equals( clicked, 2, "live with a context" );
929 // Make sure the event is actually stored on the context
930 ok( jQuery.data(container, "events").live, "live with a context" );
932 // Test unbinding with a different context
933 jQuery("#foo", container).die("click");
934 jQuery("#foo").trigger('click');
935 equals( clicked, 2, "die with a context");
937 // Test binding with event data
938 jQuery("#foo").live("click", true, function(e){ equals( e.data, true, "live with event data" ); });
939 jQuery("#foo").trigger("click").die("click");
941 // Test binding with trigger data
942 jQuery("#foo").live("click", function(e, data){ equals( data, true, "live with trigger data" ); });
943 jQuery("#foo").trigger("click", true).die("click");
945 // Test binding with different this object
946 jQuery("#foo").live("click", jQuery.proxy(function(e){ equals( this.foo, "bar", "live with event scope" ); }, { foo: "bar" }));
947 jQuery("#foo").trigger("click").die("click");
949 // Test binding with different this object, event data, and trigger data
950 jQuery("#foo").live("click", true, jQuery.proxy(function(e, data){
951 equals( e.data, true, "live with with different this object, event data, and trigger data" );
952 equals( this.foo, "bar", "live with with different this object, event data, and trigger data" );
953 equals( data, true, "live with with different this object, event data, and trigger data")
955 jQuery("#foo").trigger("click", true).die("click");
957 // Verify that return false prevents default action
958 jQuery("#anchor2").live("click", function(){ return false; });
959 var hash = window.location.hash;
960 jQuery("#anchor2").trigger("click");
961 equals( window.location.hash, hash, "return false worked" );
962 jQuery("#anchor2").die("click");
964 // Verify that .preventDefault() prevents default action
965 jQuery("#anchor2").live("click", function(e){ e.preventDefault(); });
966 var hash = window.location.hash;
967 jQuery("#anchor2").trigger("click");
968 equals( window.location.hash, hash, "e.preventDefault() worked" );
969 jQuery("#anchor2").die("click");
971 // Test binding the same handler to multiple points
973 function callback(){ called++; return false; }
975 jQuery("#nothiddendiv").live("click", callback);
976 jQuery("#anchor2").live("click", callback);
978 jQuery("#nothiddendiv").trigger("click");
979 equals( called, 1, "Verify that only one click occurred." );
982 jQuery("#anchor2").trigger("click");
983 equals( called, 1, "Verify that only one click occurred." );
985 // Make sure that only one callback is removed
986 jQuery("#anchor2").die("click", callback);
989 jQuery("#nothiddendiv").trigger("click");
990 equals( called, 1, "Verify that only one click occurred." );
993 jQuery("#anchor2").trigger("click");
994 equals( called, 0, "Verify that no click occurred." );
996 // Make sure that it still works if the selector is the same,
997 // but the event type is different
998 jQuery("#nothiddendiv").live("foo", callback);
1001 jQuery("#nothiddendiv").die("click", callback);
1004 jQuery("#nothiddendiv").trigger("click");
1005 equals( called, 0, "Verify that no click occurred." );
1008 jQuery("#nothiddendiv").trigger("foo");
1009 equals( called, 1, "Verify that one foo occurred." );
1012 jQuery("#nothiddendiv").die("foo", callback);
1014 // Make sure we don't loose the target by DOM modifications
1015 // after the bubble already reached the liveHandler
1016 var livec = 0, elemDiv = jQuery("#nothiddendivchild").html('<span></span>').get(0);
1018 jQuery("#nothiddendivchild").live("click", function(e){ jQuery("#nothiddendivchild").html(''); });
1019 jQuery("#nothiddendivchild").live("click", function(e){ if(e.target) {livec++;} });
1021 jQuery("#nothiddendiv span").click();
1022 equals( jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM." );
1023 equals( livec, 1, "Verify that second handler occurred even with nuked target." );
1026 jQuery("#nothiddendivchild").die("click");
1028 // Verify that .live() ocurs and cancel buble in the same order as
1029 // we would expect .bind() and .click() without delegation
1030 var lived = 0, livee = 0;
1032 // bind one pair in one order
1033 jQuery('span#liveSpan1 a').live('click', function(){ lived++; return false; });
1034 jQuery('span#liveSpan1').live('click', function(){ livee++; });
1036 jQuery('span#liveSpan1 a').click();
1037 equals( lived, 1, "Verify that only one first handler occurred." );
1038 equals( livee, 0, "Verify that second handler doesn't." );
1040 // and one pair in inverse
1041 jQuery('span#liveSpan2').live('click', function(){ livee++; });
1042 jQuery('span#liveSpan2 a').live('click', function(){ lived++; return false; });
1046 jQuery('span#liveSpan2 a').click();
1047 equals( lived, 1, "Verify that only one first handler occurred." );
1048 equals( livee, 0, "Verify that second handler doesn't." );
1051 jQuery("span#liveSpan1 a").die("click")
1052 jQuery("span#liveSpan1").die("click");
1053 jQuery("span#liveSpan2 a").die("click");
1054 jQuery("span#liveSpan2").die("click");
1056 // Test this, target and currentTarget are correct
1057 jQuery('span#liveSpan1').live('click', function(e){
1058 equals( this.id, 'liveSpan1', 'Check the this within a live handler' );
1059 equals( e.currentTarget.id, 'liveSpan1', 'Check the event.currentTarget within a live handler' );
1060 equals( e.target.nodeName.toUpperCase(), 'A', 'Check the event.target within a live handler' );
1063 jQuery('span#liveSpan1 a').click();
1065 jQuery('span#liveSpan1').die('click');
1067 // Work with deep selectors
1070 function clickB(){ livee++; }
1072 jQuery("#nothiddendiv div").live("click", function(){ livee++; });
1073 jQuery("#nothiddendiv div").live("click", clickB);
1074 jQuery("#nothiddendiv div").live("mouseover", function(){ livee++; });
1076 equals( livee, 0, "No clicks, deep selector." );
1079 jQuery("#nothiddendivchild").trigger("click");
1080 equals( livee, 2, "Click, deep selector." );
1083 jQuery("#nothiddendivchild").trigger("mouseover");
1084 equals( livee, 1, "Mouseover, deep selector." );
1086 jQuery("#nothiddendiv div").die("mouseover");
1089 jQuery("#nothiddendivchild").trigger("click");
1090 equals( livee, 2, "Click, deep selector." );
1093 jQuery("#nothiddendivchild").trigger("mouseover");
1094 equals( livee, 0, "Mouseover, deep selector." );
1096 jQuery("#nothiddendiv div").die("click", clickB);
1099 jQuery("#nothiddendivchild").trigger("click");
1100 equals( livee, 1, "Click, deep selector." );
1102 jQuery("#nothiddendiv div").die("click");
1104 jQuery("#nothiddendiv div").live("blur", function(){
1105 ok( true, "Live div trigger blur." );
1108 jQuery("#nothiddendiv div").trigger("blur");
1110 jQuery("#nothiddendiv div").die("blur");
1113 test("die all bound events", function(){
1117 var div = jQuery("div#nothiddendivchild");
1119 div.live("click submit", function(){ count++; });
1122 div.trigger("click");
1123 div.trigger("submit");
1125 equals( count, 0, "Make sure no events were triggered." );
1128 test("live with multiple events", function(){
1132 var div = jQuery("div#nothiddendivchild");
1134 div.live("click submit", function(){ count++; });
1136 div.trigger("click");
1137 div.trigger("submit");
1139 equals( count, 2, "Make sure both the click and submit were triggered." );
1142 test("live with namespaces", function(){
1145 var count1 = 0, count2 = 0;
1147 jQuery("#liveSpan1").live("foo.bar", function(e){
1151 jQuery("#liveSpan1").live("foo.zed", function(e){
1155 jQuery("#liveSpan1").trigger("foo.bar");
1156 equals( count1, 1, "Got live foo.bar" );
1157 equals( count2, 0, "Got live foo.bar" );
1159 count1 = 0, count2 = 0;
1161 jQuery("#liveSpan1").trigger("foo.zed");
1162 equals( count1, 0, "Got live foo.zed" );
1163 equals( count2, 1, "Got live foo.zed" );
1166 count1 = 0, count2 = 0;
1168 jQuery("#liveSpan1").die("foo.zed");
1169 jQuery("#liveSpan1").trigger("foo.bar");
1171 equals( count1, 1, "Got live foo.bar after dieing foo.zed" );
1172 equals( count2, 0, "Got live foo.bar after dieing foo.zed" );
1174 count1 = 0, count2 = 0;
1176 jQuery("#liveSpan1").trigger("foo.zed");
1177 equals( count1, 0, "Got live foo.zed" );
1178 equals( count2, 0, "Got live foo.zed" );
1181 jQuery("#liveSpan1").die("foo.bar");
1183 count1 = 0, count2 = 0;
1185 jQuery("#liveSpan1").trigger("foo.bar");
1186 equals( count1, 0, "Did not respond to foo.bar after dieing it" );
1187 equals( count2, 0, "Did not respond to foo.bar after dieing it" );
1189 jQuery("#liveSpan1").trigger("foo.zed");
1190 equals( count1, 0, "Did not trigger foo.zed again" );
1191 equals( count2, 0, "Did not trigger foo.zed again" );
1194 test("live with change", function(){
1195 var selectChange = 0, checkboxChange = 0;
1197 var select = jQuery("select[name='S1']")
1198 select.live("change", function() {
1202 var checkbox = jQuery("#check2"),
1203 checkboxFunction = function(){
1206 checkbox.live("change", checkboxFunction);
1208 // test click on select
1210 // second click that changed it
1212 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1213 select.trigger("change");
1214 equals( selectChange, 1, "Change on click." );
1216 // test keys on select
1218 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1219 select.trigger("change");
1220 equals( selectChange, 1, "Change on keyup." );
1222 // test click on checkbox
1223 checkbox.trigger("change");
1224 equals( checkboxChange, 1, "Change on checkbox." );
1226 // test before activate on radio
1228 // test blur/focus on textarea
1229 var textarea = jQuery("#area1"), textareaChange = 0, oldVal = textarea.val();
1230 textarea.live("change", function() {
1234 textarea.val(oldVal + "foo");
1235 textarea.trigger("change");
1236 equals( textareaChange, 1, "Change on textarea." );
1238 textarea.val(oldVal);
1239 textarea.die("change");
1241 // test blur/focus on text
1242 var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
1243 text.live("change", function() {
1247 text.val(oldVal+"foo");
1248 text.trigger("change");
1249 equals( textChange, 1, "Change on text input." );
1251 text.val(oldTextVal);
1254 // test blur/focus on password
1255 var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
1256 password.live("change", function() {
1260 password.val(oldPasswordVal + "foo");
1261 password.trigger("change");
1262 equals( passwordChange, 1, "Change on password input." );
1264 password.val(oldPasswordVal);
1265 password.die("change");
1267 // make sure die works
1271 select.die("change");
1272 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1273 select.trigger("change");
1274 equals( selectChange, 0, "Die on click works." );
1277 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1278 select.trigger("change");
1279 equals( selectChange, 0, "Die on keyup works." );
1281 // die specific checkbox
1282 checkbox.die("change", checkboxFunction);
1283 checkbox.trigger("change");
1284 equals( checkboxChange, 1, "Die on checkbox." );
1287 test("live with submit", function() {
1288 var count1 = 0, count2 = 0;
1290 jQuery("#testForm").live("submit", function(ev) {
1292 ev.preventDefault();
1295 jQuery("body").live("submit", function(ev) {
1297 ev.preventDefault();
1300 jQuery("#testForm input[name=sub1]").submit();
1301 equals( count1, 1, "Verify form submit." );
1302 equals( count2, 1, "Verify body submit." );
1304 jQuery("#testForm").die("submit");
1305 jQuery("body").die("submit");
1308 test("live with special events", function() {
1311 jQuery.event.special.foo = {
1312 setup: function( data, namespaces, handler ) {
1313 ok( true, "Setup run." );
1315 teardown: function( namespaces ) {
1316 ok( true, "Teardown run." );
1318 add: function( handleObj ) {
1319 ok( true, "Add run." );
1321 remove: function( handleObj ) {
1322 ok( true, "Remove run." );
1324 _default: function( event ) {
1325 ok( true, "Default run." );
1330 jQuery("#liveSpan1").live("foo.a", function(e){
1331 ok( true, "Handler 1 run." );
1335 jQuery("#liveSpan1").live("foo.b", function(e){
1336 ok( true, "Handler 2 run." );
1339 // Run: Handler 1, Handler 2, Default
1340 jQuery("#liveSpan1").trigger("foo");
1342 // Run: Handler 1, Default
1343 // TODO: Namespace doesn't trigger default (?)
1344 jQuery("#liveSpan1").trigger("foo.a");
1347 jQuery("#liveSpan1").die("foo.a");
1349 // Run: Handler 2, Default
1350 jQuery("#liveSpan1").trigger("foo");
1352 // Run: remove, teardown
1353 jQuery("#liveSpan1").die("foo");
1355 delete jQuery.event.special.foo;
1358 test(".delegate()/.undelegate()", function() {
1361 var submit = 0, div = 0, livea = 0, liveb = 0;
1363 jQuery("#body").delegate("div", "submit", function(){ submit++; return false; });
1364 jQuery("#body").delegate("div", "click", function(){ div++; });
1365 jQuery("#body").delegate("div#nothiddendiv", "click", function(){ livea++; });
1366 jQuery("#body").delegate("div#nothiddendivchild", "click", function(){ liveb++; });
1368 // Nothing should trigger on the body
1369 jQuery("body").trigger("click");
1370 equals( submit, 0, "Click on body" );
1371 equals( div, 0, "Click on body" );
1372 equals( livea, 0, "Click on body" );
1373 equals( liveb, 0, "Click on body" );
1375 // This should trigger two events
1376 submit = 0, div = 0, livea = 0, liveb = 0;
1377 jQuery("div#nothiddendiv").trigger("click");
1378 equals( submit, 0, "Click on div" );
1379 equals( div, 1, "Click on div" );
1380 equals( livea, 1, "Click on div" );
1381 equals( liveb, 0, "Click on div" );
1383 // This should trigger three events (w/ bubbling)
1384 submit = 0, div = 0, livea = 0, liveb = 0;
1385 jQuery("div#nothiddendivchild").trigger("click");
1386 equals( submit, 0, "Click on inner div" );
1387 equals( div, 2, "Click on inner div" );
1388 equals( livea, 1, "Click on inner div" );
1389 equals( liveb, 1, "Click on inner div" );
1391 // This should trigger one submit
1392 submit = 0, div = 0, livea = 0, liveb = 0;
1393 jQuery("div#nothiddendivchild").trigger("submit");
1394 equals( submit, 1, "Submit on div" );
1395 equals( div, 0, "Submit on div" );
1396 equals( livea, 0, "Submit on div" );
1397 equals( liveb, 0, "Submit on div" );
1399 // Make sure no other events were removed in the process
1400 submit = 0, div = 0, livea = 0, liveb = 0;
1401 jQuery("div#nothiddendivchild").trigger("click");
1402 equals( submit, 0, "undelegate Click on inner div" );
1403 equals( div, 2, "undelegate Click on inner div" );
1404 equals( livea, 1, "undelegate Click on inner div" );
1405 equals( liveb, 1, "undelegate Click on inner div" );
1407 // Now make sure that the removal works
1408 submit = 0, div = 0, livea = 0, liveb = 0;
1409 jQuery("#body").undelegate("div#nothiddendivchild", "click");
1410 jQuery("div#nothiddendivchild").trigger("click");
1411 equals( submit, 0, "undelegate Click on inner div" );
1412 equals( div, 2, "undelegate Click on inner div" );
1413 equals( livea, 1, "undelegate Click on inner div" );
1414 equals( liveb, 0, "undelegate Click on inner div" );
1416 // Make sure that the click wasn't removed too early
1417 submit = 0, div = 0, livea = 0, liveb = 0;
1418 jQuery("div#nothiddendiv").trigger("click");
1419 equals( submit, 0, "undelegate Click on inner div" );
1420 equals( div, 1, "undelegate Click on inner div" );
1421 equals( livea, 1, "undelegate Click on inner div" );
1422 equals( liveb, 0, "undelegate Click on inner div" );
1424 // Make sure that stopPropgation doesn't stop live events
1425 submit = 0, div = 0, livea = 0, liveb = 0;
1426 jQuery("#body").delegate("div#nothiddendivchild", "click", function(e){ liveb++; e.stopPropagation(); });
1427 jQuery("div#nothiddendivchild").trigger("click");
1428 equals( submit, 0, "stopPropagation Click on inner div" );
1429 equals( div, 1, "stopPropagation Click on inner div" );
1430 equals( livea, 0, "stopPropagation Click on inner div" );
1431 equals( liveb, 1, "stopPropagation Click on inner div" );
1433 // Make sure click events only fire with primary click
1434 submit = 0, div = 0, livea = 0, liveb = 0;
1435 var event = jQuery.Event("click");
1437 jQuery("div#nothiddendiv").trigger(event);
1439 equals( livea, 0, "delegate secondary click" );
1441 jQuery("#body").undelegate("div#nothiddendivchild", "click");
1442 jQuery("#body").undelegate("div#nothiddendiv", "click");
1443 jQuery("#body").undelegate("div", "click");
1444 jQuery("#body").undelegate("div", "submit");
1446 // Test binding with a different context
1447 var clicked = 0, container = jQuery('#main')[0];
1448 jQuery("#main").delegate("#foo", "click", function(e){ clicked++; });
1449 jQuery("div").trigger('click');
1450 jQuery("#foo").trigger('click');
1451 jQuery("#main").trigger('click');
1452 jQuery("body").trigger('click');
1453 equals( clicked, 2, "delegate with a context" );
1455 // Make sure the event is actually stored on the context
1456 ok( jQuery.data(container, "events").live, "delegate with a context" );
1458 // Test unbinding with a different context
1459 jQuery("#main").undelegate("#foo", "click");
1460 jQuery("#foo").trigger('click');
1461 equals( clicked, 2, "undelegate with a context");
1463 // Test binding with event data
1464 jQuery("#body").delegate("#foo", "click", true, function(e){ equals( e.data, true, "delegate with event data" ); });
1465 jQuery("#foo").trigger("click");
1466 jQuery("#body").undelegate("#foo", "click");
1468 // Test binding with trigger data
1469 jQuery("#body").delegate("#foo", "click", function(e, data){ equals( data, true, "delegate with trigger data" ); });
1470 jQuery("#foo").trigger("click", true);
1471 jQuery("#body").undelegate("#foo", "click");
1473 // Test binding with different this object
1474 jQuery("#body").delegate("#foo", "click", jQuery.proxy(function(e){ equals( this.foo, "bar", "delegate with event scope" ); }, { foo: "bar" }));
1475 jQuery("#foo").trigger("click");
1476 jQuery("#body").undelegate("#foo", "click");
1478 // Test binding with different this object, event data, and trigger data
1479 jQuery("#body").delegate("#foo", "click", true, jQuery.proxy(function(e, data){
1480 equals( e.data, true, "delegate with with different this object, event data, and trigger data" );
1481 equals( this.foo, "bar", "delegate with with different this object, event data, and trigger data" );
1482 equals( data, true, "delegate with with different this object, event data, and trigger data")
1483 }, { foo: "bar" }));
1484 jQuery("#foo").trigger("click", true);
1485 jQuery("#body").undelegate("#foo", "click");
1487 // Verify that return false prevents default action
1488 jQuery("#body").delegate("#anchor2", "click", function(){ return false; });
1489 var hash = window.location.hash;
1490 jQuery("#anchor2").trigger("click");
1491 equals( window.location.hash, hash, "return false worked" );
1492 jQuery("#body").undelegate("#anchor2", "click");
1494 // Verify that .preventDefault() prevents default action
1495 jQuery("#body").delegate("#anchor2", "click", function(e){ e.preventDefault(); });
1496 var hash = window.location.hash;
1497 jQuery("#anchor2").trigger("click");
1498 equals( window.location.hash, hash, "e.preventDefault() worked" );
1499 jQuery("#body").undelegate("#anchor2", "click");
1501 // Test binding the same handler to multiple points
1503 function callback(){ called++; return false; }
1505 jQuery("#body").delegate("#nothiddendiv", "click", callback);
1506 jQuery("#body").delegate("#anchor2", "click", callback);
1508 jQuery("#nothiddendiv").trigger("click");
1509 equals( called, 1, "Verify that only one click occurred." );
1512 jQuery("#anchor2").trigger("click");
1513 equals( called, 1, "Verify that only one click occurred." );
1515 // Make sure that only one callback is removed
1516 jQuery("#body").undelegate("#anchor2", "click", callback);
1519 jQuery("#nothiddendiv").trigger("click");
1520 equals( called, 1, "Verify that only one click occurred." );
1523 jQuery("#anchor2").trigger("click");
1524 equals( called, 0, "Verify that no click occurred." );
1526 // Make sure that it still works if the selector is the same,
1527 // but the event type is different
1528 jQuery("#body").delegate("#nothiddendiv", "foo", callback);
1531 jQuery("#body").undelegate("#nothiddendiv", "click", callback);
1534 jQuery("#nothiddendiv").trigger("click");
1535 equals( called, 0, "Verify that no click occurred." );
1538 jQuery("#nothiddendiv").trigger("foo");
1539 equals( called, 1, "Verify that one foo occurred." );
1542 jQuery("#body").undelegate("#nothiddendiv", "foo", callback);
1544 // Make sure we don't loose the target by DOM modifications
1545 // after the bubble already reached the liveHandler
1546 var livec = 0, elemDiv = jQuery("#nothiddendivchild").html('<span></span>').get(0);
1548 jQuery("#body").delegate("#nothiddendivchild", "click", function(e){ jQuery("#nothiddendivchild").html(''); });
1549 jQuery("#body").delegate("#nothiddendivchild", "click", function(e){ if(e.target) {livec++;} });
1551 jQuery("#nothiddendiv span").click();
1552 equals( jQuery("#nothiddendiv span").length, 0, "Verify that first handler occurred and modified the DOM." );
1553 equals( livec, 1, "Verify that second handler occurred even with nuked target." );
1556 jQuery("#body").undelegate("#nothiddendivchild", "click");
1558 // Verify that .live() ocurs and cancel buble in the same order as
1559 // we would expect .bind() and .click() without delegation
1560 var lived = 0, livee = 0;
1562 // bind one pair in one order
1563 jQuery("#body").delegate('span#liveSpan1 a', 'click', function(){ lived++; return false; });
1564 jQuery("#body").delegate('span#liveSpan1', 'click', function(){ livee++; });
1566 jQuery('span#liveSpan1 a').click();
1567 equals( lived, 1, "Verify that only one first handler occurred." );
1568 equals( livee, 0, "Verify that second handler doesn't." );
1570 // and one pair in inverse
1571 jQuery("#body").delegate('span#liveSpan2', 'click', function(){ livee++; });
1572 jQuery("#body").delegate('span#liveSpan2 a', 'click', function(){ lived++; return false; });
1576 jQuery('span#liveSpan2 a').click();
1577 equals( lived, 1, "Verify that only one first handler occurred." );
1578 equals( livee, 0, "Verify that second handler doesn't." );
1581 jQuery("#body").undelegate("click");
1583 // Test this, target and currentTarget are correct
1584 jQuery("#body").delegate('span#liveSpan1', 'click', function(e){
1585 equals( this.id, 'liveSpan1', 'Check the this within a delegate handler' );
1586 equals( e.currentTarget.id, 'liveSpan1', 'Check the event.currentTarget within a delegate handler' );
1587 equals( e.target.nodeName.toUpperCase(), 'A', 'Check the event.target within a delegate handler' );
1590 jQuery('span#liveSpan1 a').click();
1592 jQuery("#body").undelegate('span#liveSpan1', 'click');
1594 // Work with deep selectors
1597 function clickB(){ livee++; }
1599 jQuery("#body").delegate("#nothiddendiv div", "click", function(){ livee++; });
1600 jQuery("#body").delegate("#nothiddendiv div", "click", clickB);
1601 jQuery("#body").delegate("#nothiddendiv div", "mouseover", function(){ livee++; });
1603 equals( livee, 0, "No clicks, deep selector." );
1606 jQuery("#nothiddendivchild").trigger("click");
1607 equals( livee, 2, "Click, deep selector." );
1610 jQuery("#nothiddendivchild").trigger("mouseover");
1611 equals( livee, 1, "Mouseover, deep selector." );
1613 jQuery("#body").undelegate("#nothiddendiv div", "mouseover");
1616 jQuery("#nothiddendivchild").trigger("click");
1617 equals( livee, 2, "Click, deep selector." );
1620 jQuery("#nothiddendivchild").trigger("mouseover");
1621 equals( livee, 0, "Mouseover, deep selector." );
1623 jQuery("#body").undelegate("#nothiddendiv div", "click", clickB);
1626 jQuery("#nothiddendivchild").trigger("click");
1627 equals( livee, 1, "Click, deep selector." );
1629 jQuery("#body").undelegate("#nothiddendiv div", "click");
1632 test("undelegate all bound events", function(){
1636 var div = jQuery("#body");
1638 div.delegate("div#nothiddendivchild", "click submit", function(){ count++; });
1641 jQuery("div#nothiddendivchild").trigger("click");
1642 jQuery("div#nothiddendivchild").trigger("submit");
1644 equals( count, 0, "Make sure no events were triggered." );
1647 test("delegate with multiple events", function(){
1651 var div = jQuery("#body");
1653 div.delegate("div#nothiddendivchild", "click submit", function(){ count++; });
1655 jQuery("div#nothiddendivchild").trigger("click");
1656 jQuery("div#nothiddendivchild").trigger("submit");
1658 equals( count, 2, "Make sure both the click and submit were triggered." );
1660 jQuery("#body").undelegate();
1663 test("delegate with change", function(){
1664 var selectChange = 0, checkboxChange = 0;
1666 var select = jQuery("select[name='S1']");
1667 jQuery("#body").delegate("select[name='S1']", "change", function() {
1671 var checkbox = jQuery("#check2"),
1672 checkboxFunction = function(){
1675 jQuery("#body").delegate("#check2", "change", checkboxFunction);
1677 // test click on select
1679 // second click that changed it
1681 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1682 select.trigger("change");
1683 equals( selectChange, 1, "Change on click." );
1685 // test keys on select
1687 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1688 select.trigger("change");
1689 equals( selectChange, 1, "Change on keyup." );
1691 // test click on checkbox
1692 checkbox.trigger("change");
1693 equals( checkboxChange, 1, "Change on checkbox." );
1695 // test before activate on radio
1697 // test blur/focus on textarea
1698 var textarea = jQuery("#area1"), textareaChange = 0, oldVal = textarea.val();
1699 jQuery("#body").delegate("#area1", "change", function() {
1703 textarea.val(oldVal + "foo");
1704 textarea.trigger("change");
1705 equals( textareaChange, 1, "Change on textarea." );
1707 textarea.val(oldVal);
1708 jQuery("#body").undelegate("#area1", "change");
1710 // test blur/focus on text
1711 var text = jQuery("#name"), textChange = 0, oldTextVal = text.val();
1712 jQuery("#body").delegate("#name", "change", function() {
1716 text.val(oldVal+"foo");
1717 text.trigger("change");
1718 equals( textChange, 1, "Change on text input." );
1720 text.val(oldTextVal);
1721 jQuery("#body").die("change");
1723 // test blur/focus on password
1724 var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
1725 jQuery("#body").delegate("#name", "change", function() {
1729 password.val(oldPasswordVal + "foo");
1730 password.trigger("change");
1731 equals( passwordChange, 1, "Change on password input." );
1733 password.val(oldPasswordVal);
1734 jQuery("#body").undelegate("#name", "change");
1736 // make sure die works
1740 jQuery("#body").undelegate("select[name='S1']", "change");
1741 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1742 select.trigger("change");
1743 equals( selectChange, 0, "Die on click works." );
1746 select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
1747 select.trigger("change");
1748 equals( selectChange, 0, "Die on keyup works." );
1750 // die specific checkbox
1751 jQuery("#body").undelegate("#check2", "change", checkboxFunction);
1752 checkbox.trigger("change");
1753 equals( checkboxChange, 1, "Die on checkbox." );
1756 test("delegate with submit", function() {
1757 var count1 = 0, count2 = 0;
1759 jQuery("#body").delegate("#testForm", "submit", function(ev) {
1761 ev.preventDefault();
1764 jQuery(document).delegate("body", "submit", function(ev) {
1766 ev.preventDefault();
1769 jQuery("#testForm input[name=sub1]").submit();
1770 equals( count1, 1, "Verify form submit." );
1771 equals( count2, 1, "Verify body submit." );
1773 jQuery("#body").undelegate();
1774 jQuery(document).undelegate();
1777 test("Non DOM element events", function() {
1782 jQuery(o).bind('nonelementobj', function(e) {
1783 ok( true, "Event on non-DOM object triggered" );
1786 jQuery(o).trigger('nonelementobj');
1790 test("jQuery(function($) {})", function() {
1792 jQuery(function($) {
1793 equals(jQuery, $, "ready doesn't provide an event object, instead it provides a reference to the jQuery function, see http://docs.jquery.com/Events/ready#fn");
1798 test("event properties", function() {
1800 jQuery("#simon1").click(function(event) {
1801 ok( event.timeStamp, "assert event.timeStamp is present" );