ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
});
+test("click(), with data", function() {
+ expect(3);
+ var handler = function(event) {
+ ok( event.data, "bind() with data, check passed data exists" );
+ equals( event.data.foo, "bar", "bind() with data, Check value of passed data" );
+ };
+ jQuery("#firstp").click({foo: "bar"}, handler).click().unbind("click", handler);
+
+ ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." );
+});
+
test("bind(), with data, trigger with data", function() {
expect(4);
var handler = function(event, data) {
});
test("bind(), namespace with special add", function() {
- expect(18);
+ expect(24);
var div = jQuery("<div/>").bind("test", function(e) {
ok( true, "Test event fired." );
equals( e.target, div[0], "And that the target is correct." );
},
setup: function(){},
- teardown: function(){},
- add: function( handler, data, namespaces ) {
- return function(e) {
+ teardown: function(){
+ ok(true, "Teardown called.");
+ },
+ add: function( handleObj ) {
+ var handler = handleObj.handler;
+ handleObj.handler = function(e) {
e.xyz = ++i;
handler.apply( this, arguments );
};
},
- remove: function() {}
+ remove: function() {
+ ok(true, "Remove called.");
+ }
};
div.bind("test.a", {x: 1}, function(e) {
// Should trigger 2
div.trigger("test.b");
+
+ // Should trigger 4
+ div.unbind("test");
+
+ div = jQuery("<div/>").bind("test", function(e) {
+ ok( true, "Test event fired." );
+ });
+
+ // Should trigger 2
+ div.appendTo("#main").remove();
+
+ delete jQuery.event.special.test;
});
test("bind(), no data", function() {
jQuery("#firstp").trigger("custom");
});
+test("bind(), with same function", function() {
+ expect(2)
+
+ var count = 0 , func = function(){
+ count++;
+ };
+
+ jQuery("#liveHandlerOrder").bind("foo.bar", func).bind("foo.zar", func);
+ jQuery("#liveHandlerOrder").trigger("foo.bar");
+
+ equals(count, 1, "Verify binding function with multiple namespaces." );
+
+ jQuery("#liveHandlerOrder").unbind("foo.bar", func).unbind("foo.zar", func);
+ jQuery("#liveHandlerOrder").trigger("foo.bar");
+
+ equals(count, 1, "Verify that removing events still work." );
+});
+
+test("bind(), make sure order is maintained", function() {
+ expect(1);
+
+ var elem = jQuery("#firstp"), log = [], check = [];
+
+ for ( var i = 0; i < 100; i++ ) (function(i){
+ elem.bind( "click", function(){
+ log.push( i );
+ });
+
+ check.push( i );
+ })(i);
+
+ elem.trigger("click");
+
+ equals( log.join(","), check.join(","), "Make sure order was maintained." );
+
+ elem.unbind("click");
+});
+
test("bind(), with different this object", function() {
expect(4);
var thisObject = { myThis: true },
ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data." );
});
+test("bind(name, false), unbind(name, false)", function() {
+ expect(3);
+
+ var main = 0;
+ jQuery("#main").bind("click", function(e){ main++; });
+ jQuery("#ap").trigger("click");
+ equals( main, 1, "Verify that the trigger happened correctly." );
+
+ main = 0;
+ jQuery("#ap").bind("click", false);
+ jQuery("#ap").trigger("click");
+ equals( main, 0, "Verify that no bubble happened." );
+
+ main = 0;
+ jQuery("#ap").unbind("click", false);
+ jQuery("#ap").trigger("click");
+ equals( main, 1, "Verify that the trigger happened correctly." );
+});
+
+test("bind()/trigger()/unbind() on plain object", function() {
+ expect( 2 );
+
+ var obj = {};
+
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).trigger("test");
+
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).unbind("test");
+
+ jQuery(obj).bind("test", function(){
+ ok( true, "Custom event run." );
+ });
+
+ ok( jQuery(obj).data("events"), "Object has events bound." );
+
+ // Should trigger 1
+ jQuery(obj).trigger("test");
+
+ jQuery(obj).unbind("test");
+
+ // Should trigger 0
+ jQuery(obj).trigger("test");
+
+ // Make sure it doesn't complain when no events are found
+ jQuery(obj).unbind("test");
+});
+
test("unbind(type)", function() {
expect( 0 );
}
message = "unbind passing function";
- $elem.bind('error', error).unbind('error',error).triggerHandler('error');
+ $elem.bind('error1', error).unbind('error1',error).triggerHandler('error1');
message = "unbind all from event";
- $elem.bind('error', error).unbind('error').triggerHandler('error');
+ $elem.bind('error1', error).unbind('error1').triggerHandler('error1');
message = "unbind all";
- $elem.bind('error', error).unbind().triggerHandler('error');
+ $elem.bind('error1', error).unbind().triggerHandler('error1');
message = "unbind many with function";
- $elem.bind('error error2',error)
- .unbind('error error2', error )
- .trigger('error').triggerHandler('error2');
+ $elem.bind('error1 error2',error)
+ .unbind('error1 error2', error )
+ .trigger('error1').triggerHandler('error2');
message = "unbind many"; // #3538
- $elem.bind('error error2',error)
- .unbind('error error2')
- .trigger('error').triggerHandler('error2');
+ $elem.bind('error1 error2',error)
+ .unbind('error1 error2')
+ .trigger('error1').triggerHandler('error2');
message = "unbind without a type or handler";
- $elem.bind("error error2.test",error)
+ $elem.bind("error1 error2.test",error)
.unbind()
- .trigger("error").triggerHandler("error2");
+ .trigger("error1").triggerHandler("error2");
});
test("unbind(eventObject)", function() {
});
test(".live()/.die()", function() {
- expect(65);
+ expect(66);
var submit = 0, div = 0, livea = 0, liveb = 0;
equals( liveb, 0, "Click on body" );
// This should trigger two events
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendiv").trigger("click");
equals( submit, 0, "Click on div" );
equals( div, 1, "Click on div" );
equals( liveb, 0, "Click on div" );
// This should trigger three events (w/ bubbling)
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("click");
equals( submit, 0, "Click on inner div" );
equals( div, 2, "Click on inner div" );
- equals( livea, 2, "Click on inner div" );
+ equals( livea, 1, "Click on inner div" );
equals( liveb, 1, "Click on inner div" );
// This should trigger one submit
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("submit");
equals( submit, 1, "Submit on div" );
- equals( div, 2, "Submit on div" );
- equals( livea, 2, "Submit on div" );
- equals( liveb, 1, "Submit on div" );
+ equals( div, 0, "Submit on div" );
+ equals( livea, 0, "Submit on div" );
+ equals( liveb, 0, "Submit on div" );
// Make sure no other events were removed in the process
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "die Click on inner div" );
- equals( div, 3, "die Click on inner div" );
- equals( livea, 3, "die Click on inner div" );
- equals( liveb, 2, "die Click on inner div" );
+ equals( submit, 0, "die Click on inner div" );
+ equals( div, 2, "die Click on inner div" );
+ equals( livea, 1, "die Click on inner div" );
+ equals( liveb, 1, "die Click on inner div" );
// Now make sure that the removal works
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").die("click");
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "die Click on inner div" );
- equals( div, 4, "die Click on inner div" );
- equals( livea, 4, "die Click on inner div" );
- equals( liveb, 2, "die Click on inner div" );
+ equals( submit, 0, "die Click on inner div" );
+ equals( div, 2, "die Click on inner div" );
+ equals( livea, 1, "die Click on inner div" );
+ equals( liveb, 0, "die Click on inner div" );
// Make sure that the click wasn't removed too early
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendiv").trigger("click");
- equals( submit, 1, "die Click on inner div" );
- equals( div, 5, "die Click on inner div" );
- equals( livea, 5, "die Click on inner div" );
- equals( liveb, 2, "die Click on inner div" );
+ equals( submit, 0, "die Click on inner div" );
+ equals( div, 1, "die Click on inner div" );
+ equals( livea, 1, "die Click on inner div" );
+ equals( liveb, 0, "die Click on inner div" );
// Make sure that stopPropgation doesn't stop live events
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").live("click", function(e){ liveb++; e.stopPropagation(); });
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "stopPropagation Click on inner div" );
- equals( div, 6, "stopPropagation Click on inner div" );
- equals( livea, 6, "stopPropagation Click on inner div" );
- equals( liveb, 3, "stopPropagation Click on inner div" );
+ equals( submit, 0, "stopPropagation Click on inner div" );
+ equals( div, 1, "stopPropagation Click on inner div" );
+ equals( livea, 0, "stopPropagation Click on inner div" );
+ equals( liveb, 1, "stopPropagation Click on inner div" );
// Make sure click events only fire with primary click
+ submit = 0, div = 0, livea = 0, liveb = 0;
var event = jQuery.Event("click");
event.button = 1;
jQuery("div#nothiddendiv").trigger(event);
- equals( livea, 6, "live secondary click" );
+ equals( livea, 0, "live secondary click" );
jQuery("div#nothiddendivchild").die("click");
jQuery("div#nothiddendiv").die("click");
jQuery("#nothiddendiv").trigger("click");
equals( called, 1, "Verify that only one click occurred." );
+ called = 0;
jQuery("#anchor2").trigger("click");
- equals( called, 2, "Verify that only one click occurred." );
+ equals( called, 1, "Verify that only one click occurred." );
// Make sure that only one callback is removed
jQuery("#anchor2").die("click", callback);
+ called = 0;
jQuery("#nothiddendiv").trigger("click");
- equals( called, 3, "Verify that only one click occurred." );
+ equals( called, 1, "Verify that only one click occurred." );
+ called = 0;
jQuery("#anchor2").trigger("click");
- equals( called, 3, "Verify that no click occurred." );
+ equals( called, 0, "Verify that no click occurred." );
// Make sure that it still works if the selector is the same,
// but the event type is different
// Cleanup
jQuery("#nothiddendiv").die("click", callback);
+ called = 0;
jQuery("#nothiddendiv").trigger("click");
- equals( called, 3, "Verify that no click occurred." );
+ equals( called, 0, "Verify that no click occurred." );
+ called = 0;
jQuery("#nothiddendiv").trigger("foo");
- equals( called, 4, "Verify that one foo occurred." );
+ equals( called, 1, "Verify that one foo occurred." );
// Cleanup
jQuery("#nothiddendiv").die("foo", callback);
equals( livee, 1, "Click, deep selector." );
jQuery("#nothiddendiv div").die("click");
+
+ jQuery("#nothiddendiv div").live("blur", function(){
+ ok( true, "Live div trigger blur." );
+ });
+
+ jQuery("#nothiddendiv div").trigger("blur");
+
+ jQuery("#nothiddendiv div").die("blur");
});
test("die all bound events", function(){
equals( count, 2, "Make sure both the click and submit were triggered." );
});
+test("live with namespaces", function(){
+ expect(12);
+
+ var count1 = 0, count2 = 0;
+
+ jQuery("#liveSpan1").live("foo.bar", function(e){
+ count1++;
+ });
+
+ jQuery("#liveSpan1").live("foo.zed", function(e){
+ count2++;
+ });
+
+ jQuery("#liveSpan1").trigger("foo.bar");
+ equals( count1, 1, "Got live foo.bar" );
+ equals( count2, 0, "Got live foo.bar" );
+
+ count1 = 0, count2 = 0;
+
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equals( count1, 0, "Got live foo.zed" );
+ equals( count2, 1, "Got live foo.zed" );
+
+ //remove one
+ count1 = 0, count2 = 0;
+
+ jQuery("#liveSpan1").die("foo.zed");
+ jQuery("#liveSpan1").trigger("foo.bar");
+
+ equals( count1, 1, "Got live foo.bar after dieing foo.zed" );
+ equals( count2, 0, "Got live foo.bar after dieing foo.zed" );
+
+ count1 = 0, count2 = 0;
+
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equals( count1, 0, "Got live foo.zed" );
+ equals( count2, 0, "Got live foo.zed" );
+
+ //remove the other
+ jQuery("#liveSpan1").die("foo.bar");
+
+ count1 = 0, count2 = 0;
+
+ jQuery("#liveSpan1").trigger("foo.bar");
+ equals( count1, 0, "Did not respond to foo.bar after dieing it" );
+ equals( count2, 0, "Did not respond to foo.bar after dieing it" );
+
+ jQuery("#liveSpan1").trigger("foo.zed");
+ equals( count1, 0, "Did not trigger foo.zed again" );
+ equals( count2, 0, "Did not trigger foo.zed again" );
+});
+
test("live with change", function(){
var selectChange = 0, checkboxChange = 0;
ev.preventDefault();
});
- if ( jQuery.support.submitBubbles ) {
- jQuery("#testForm input[name=sub1]")[0].click();
- equals(count1,1 );
- equals(count2,1);
- } else {
- jQuery("#testForm input[name=sub1]")[0].click();
- jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13});
- equals(count1,2);
- equals(count2,2);
- }
+ jQuery("#testForm input[name=sub1]").submit();
+ equals( count1, 1, "Verify form submit." );
+ equals( count2, 1, "Verify body submit." );
jQuery("#testForm").die("submit");
jQuery("body").die("submit");
});
+test("live with special events", function() {
+ expect(13);
+
+ jQuery.event.special.foo = {
+ setup: function( data, namespaces, handler ) {
+ ok( true, "Setup run." );
+ },
+ teardown: function( namespaces ) {
+ ok( true, "Teardown run." );
+ },
+ add: function( handleObj ) {
+ ok( true, "Add run." );
+ },
+ remove: function( handleObj ) {
+ ok( true, "Remove run." );
+ },
+ _default: function( event ) {
+ ok( true, "Default run." );
+ }
+ };
+
+ // Run: setup, add
+ jQuery("#liveSpan1").live("foo.a", function(e){
+ ok( true, "Handler 1 run." );
+ });
+
+ // Run: add
+ jQuery("#liveSpan1").live("foo.b", function(e){
+ ok( true, "Handler 2 run." );
+ });
+
+ // Run: Handler 1, Handler 2, Default
+ jQuery("#liveSpan1").trigger("foo");
+
+ // Run: Handler 1, Default
+ // TODO: Namespace doesn't trigger default (?)
+ jQuery("#liveSpan1").trigger("foo.a");
+
+ // Run: remove
+ jQuery("#liveSpan1").die("foo.a");
+
+ // Run: Handler 2, Default
+ jQuery("#liveSpan1").trigger("foo");
+
+ // Run: remove, teardown
+ jQuery("#liveSpan1").die("foo");
+
+ delete jQuery.event.special.foo;
+});
+
test(".delegate()/.undelegate()", function() {
expect(65);
equals( liveb, 0, "Click on body" );
// This should trigger two events
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendiv").trigger("click");
equals( submit, 0, "Click on div" );
equals( div, 1, "Click on div" );
equals( liveb, 0, "Click on div" );
// This should trigger three events (w/ bubbling)
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("click");
equals( submit, 0, "Click on inner div" );
equals( div, 2, "Click on inner div" );
- equals( livea, 2, "Click on inner div" );
+ equals( livea, 1, "Click on inner div" );
equals( liveb, 1, "Click on inner div" );
// This should trigger one submit
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("submit");
equals( submit, 1, "Submit on div" );
- equals( div, 2, "Submit on div" );
- equals( livea, 2, "Submit on div" );
- equals( liveb, 1, "Submit on div" );
+ equals( div, 0, "Submit on div" );
+ equals( livea, 0, "Submit on div" );
+ equals( liveb, 0, "Submit on div" );
// Make sure no other events were removed in the process
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "undelegate Click on inner div" );
- equals( div, 3, "undelegate Click on inner div" );
- equals( livea, 3, "undelegate Click on inner div" );
- equals( liveb, 2, "undelegate Click on inner div" );
+ equals( submit, 0, "undelegate Click on inner div" );
+ equals( div, 2, "undelegate Click on inner div" );
+ equals( livea, 1, "undelegate Click on inner div" );
+ equals( liveb, 1, "undelegate Click on inner div" );
// Now make sure that the removal works
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("#body").undelegate("div#nothiddendivchild", "click");
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "undelegate Click on inner div" );
- equals( div, 4, "undelegate Click on inner div" );
- equals( livea, 4, "undelegate Click on inner div" );
- equals( liveb, 2, "undelegate Click on inner div" );
+ equals( submit, 0, "undelegate Click on inner div" );
+ equals( div, 2, "undelegate Click on inner div" );
+ equals( livea, 1, "undelegate Click on inner div" );
+ equals( liveb, 0, "undelegate Click on inner div" );
// Make sure that the click wasn't removed too early
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("div#nothiddendiv").trigger("click");
- equals( submit, 1, "undelegate Click on inner div" );
- equals( div, 5, "undelegate Click on inner div" );
- equals( livea, 5, "undelegate Click on inner div" );
- equals( liveb, 2, "undelegate Click on inner div" );
+ equals( submit, 0, "undelegate Click on inner div" );
+ equals( div, 1, "undelegate Click on inner div" );
+ equals( livea, 1, "undelegate Click on inner div" );
+ equals( liveb, 0, "undelegate Click on inner div" );
// Make sure that stopPropgation doesn't stop live events
+ submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("#body").delegate("div#nothiddendivchild", "click", function(e){ liveb++; e.stopPropagation(); });
jQuery("div#nothiddendivchild").trigger("click");
- equals( submit, 1, "stopPropagation Click on inner div" );
- equals( div, 6, "stopPropagation Click on inner div" );
- equals( livea, 6, "stopPropagation Click on inner div" );
- equals( liveb, 3, "stopPropagation Click on inner div" );
+ equals( submit, 0, "stopPropagation Click on inner div" );
+ equals( div, 1, "stopPropagation Click on inner div" );
+ equals( livea, 0, "stopPropagation Click on inner div" );
+ equals( liveb, 1, "stopPropagation Click on inner div" );
// Make sure click events only fire with primary click
+ submit = 0, div = 0, livea = 0, liveb = 0;
var event = jQuery.Event("click");
event.button = 1;
jQuery("div#nothiddendiv").trigger(event);
- equals( livea, 6, "delegate secondary click" );
+ equals( livea, 0, "delegate secondary click" );
jQuery("#body").undelegate("div#nothiddendivchild", "click");
jQuery("#body").undelegate("div#nothiddendiv", "click");
jQuery("#nothiddendiv").trigger("click");
equals( called, 1, "Verify that only one click occurred." );
+ called = 0;
jQuery("#anchor2").trigger("click");
- equals( called, 2, "Verify that only one click occurred." );
+ equals( called, 1, "Verify that only one click occurred." );
// Make sure that only one callback is removed
jQuery("#body").undelegate("#anchor2", "click", callback);
+ called = 0;
jQuery("#nothiddendiv").trigger("click");
- equals( called, 3, "Verify that only one click occurred." );
+ equals( called, 1, "Verify that only one click occurred." );
+ called = 0;
jQuery("#anchor2").trigger("click");
- equals( called, 3, "Verify that no click occurred." );
+ equals( called, 0, "Verify that no click occurred." );
// Make sure that it still works if the selector is the same,
// but the event type is different
// Cleanup
jQuery("#body").undelegate("#nothiddendiv", "click", callback);
+ called = 0;
jQuery("#nothiddendiv").trigger("click");
- equals( called, 3, "Verify that no click occurred." );
+ equals( called, 0, "Verify that no click occurred." );
+ called = 0;
jQuery("#nothiddendiv").trigger("foo");
- equals( called, 4, "Verify that one foo occurred." );
+ equals( called, 1, "Verify that one foo occurred." );
// Cleanup
jQuery("#body").undelegate("#nothiddendiv", "foo", callback);
ev.preventDefault();
});
- if ( jQuery.support.submitBubbles ) {
- jQuery("#testForm input[name=sub1]")[0].click();
- equals(count1,1 );
- equals(count2,1);
- } else {
- jQuery("#testForm input[name=sub1]")[0].click();
- jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13});
- equals(count1,2);
- equals(count2,2);
- }
+ jQuery("#testForm input[name=sub1]").submit();
+ equals( count1, 1, "Verify form submit." );
+ equals( count2, 1, "Verify body submit." );
jQuery("#body").undelegate();
jQuery(document).undelegate();
});
test("Non DOM element events", function() {
- expect(3);
-
- jQuery({})
- .bind('nonelementglobal', function(e) {
- ok( true, "Global event on non-DOM annonymos object triggered" );
- });
+ expect(1);
var o = {};
- jQuery(o)
- .bind('nonelementobj', function(e) {
- ok( true, "Event on non-DOM object triggered" );
- }).bind('nonelementglobal', function() {
- ok( true, "Global event on non-DOM object triggered" );
- });
+ jQuery(o).bind('nonelementobj', function(e) {
+ ok( true, "Event on non-DOM object triggered" );
+ });
jQuery(o).trigger('nonelementobj');
- jQuery.event.trigger('nonelementglobal');
});
/*