jQuery("#firstp").bind("click", handler).trigger("click");
});
+test("bind/one/unbind(Object)", function(){
+ expect(6);
+
+ var clickCounter = 0, mouseoverCounter = 0;
+ function handler(event) {
+ if (event.type == "click")
+ clickCounter++;
+ else if (event.type == "mouseover")
+ mouseoverCounter++;
+ };
+
+ function handlerWithData(event) {
+ if (event.type == "click")
+ clickCounter += event.data;
+ else if (event.type == "mouseover")
+ mouseoverCounter += event.data;
+ };
+
+ function trigger(){
+ $elem.trigger("click").trigger("mouseover");
+ }
+
+ var $elem = jQuery("#firstp")
+ // Regular bind
+ .bind({
+ click:handler,
+ mouseover:handler
+ })
+ // Bind with data
+ .one({
+ click:handlerWithData,
+ mouseover:handlerWithData
+ }, 2 );
+
+ trigger();
+
+ equals( clickCounter, 3, "bind(Object)" );
+ equals( mouseoverCounter, 3, "bind(Object)" );
+
+ trigger();
+ equals( clickCounter, 4, "bind(Object)" );
+ equals( mouseoverCounter, 4, "bind(Object)" );
+
+ jQuery("#firstp").unbind({
+ click:handler,
+ mouseover:handler
+ });
+
+ trigger();
+ equals( clickCounter, 4, "bind(Object)" );
+ equals( mouseoverCounter, 4, "bind(Object)" );
+});
+
test("bind(), iframes", function() {
// events don't work with iframes, see #939 - this test fails in IE because of contentDocument
var doc = jQuery("#loadediframe").contents();
jQuery("#firstp").trigger("custom");
});
+test("bind(), with different this object", function() {
+ expect(4);
+ var thisObject = { myThis: true },
+ data = { myData: true },
+ handler1 = function( event ) {
+ equals( this, thisObject, "bind() with different this object" );
+ },
+ handler2 = function( event ) {
+ equals( this, thisObject, "bind() with different this object and data" );
+ equals( event.data, data, "bind() with different this object and data" );
+ };
+
+ jQuery("#firstp")
+ .bind("click", handler1, thisObject).click().unbind("click", handler1)
+ .bind("click", data, handler2, thisObject).click().unbind("click", handler2);
+
+ ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data." );
+});
+
test("unbind(type)", function() {
expect( 0 );
assert( 0 );
});
+test("hover()", function() {
+ var times = 0,
+ handler1 = function( event ) { ++times; },
+ handler2 = function( event ) { ++times; };
+
+ jQuery("#firstp")
+ .hover(handler1, handler2)
+ .mouseenter().mouseleave()
+ .unbind("mouseenter", handler1)
+ .unbind("mouseleave", handler2)
+ .hover(handler1)
+ .mouseenter().mouseleave()
+ .unbind("mouseenter mouseleave", handler1)
+ .mouseenter().mouseleave();
+
+ equals( times, 4, "hover handlers fired" );
+});
+
test("trigger() shortcuts", function() {
expect(6);
jQuery('<li><a href="#">Change location</a></li>').prependTo('#firstUL').find('a').bind('click', function() {
});
test("trigger(type, [data], [fn])", function() {
- expect(11);
+ expect(12);
var handler = function(event, a, b, c) {
equals( event.type, "click", "check passed data" );
pass = false;
}
ok( pass, "Trigger focus on hidden element" );
+
+ pass = true;
+ try {
+ jQuery('table:first').bind('test:test', function(){}).trigger('test:test');
+ } catch (e) {
+ pass = false;
+ }
+ ok( pass, "Trigger on a table with a colon in the even type, see #3533" );
});
test("trigger(eventObject, [data], [fn])", function() {
});
test(".live()/.die()", function() {
- expect(53);
+ expect(58);
var submit = 0, div = 0, livea = 0, liveb = 0;
jQuery("#foo").live("click", true, function(e){ equals( e.data, true, "live with event data" ); });
jQuery("#foo").trigger("click").die("click");
+ // Test binding with trigger data
+ jQuery("#foo").live("click", function(e, data){ equals( data, true, "live with trigger data" ); });
+ jQuery("#foo").trigger("click", true).die("click");
+
+ // Test binding with different this object
+ jQuery("#foo").live("click", function(e){ equals( this.foo, "bar", "live with event scope" ); }, { foo: "bar" });
+ jQuery("#foo").trigger("click").die("click");
+
+ // Test binding with different this object, event data, and trigger data
+ jQuery("#foo").live("click", true, function(e, data){
+ equals( e.data, true, "live with with different this object, event data, and trigger data" );
+ equals( this.foo, "bar", "live with with different this object, event data, and trigger data" );
+ equals( data, true, "live with with different this object, event data, and trigger data")
+ }, { foo: "bar" });
+ jQuery("#foo").trigger("click", true).die("click");
+
// Verify that return false prevents default action
jQuery("#anchor2").live("click", function(){ return false; });
var hash = window.location.hash;
jQuery('span#liveSpan1').die('click');
});
+test("live with submit", function() {
+ var count = 0;
+
+ jQuery("#testForm").live("submit", function() {
+ count++;
+ return false;
+ });
+
+ jQuery("#testForm input[name=sub1]")[0].click();
+ jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13});
+
+ equals(2, count);
+
+ jQuery("#testForm").die("submit");
+});
+
+test("live with focus/blur", function(){
+ expect(2);
+
+ // Setup
+ jQuery("<input type='text' id='livefb' />").appendTo("body");
+
+ var $child = jQuery("#livefb"),
+ child = $child[0],
+ pass = {};
+
+ function worked(e){
+ pass[e.type] = true;
+ }
+
+ $child.live("focus", worked);
+ $child.live("blur", worked);
+
+ // Test
+ child.focus();
+ if (pass.focus)
+ ok(true, "Test live() with focus event");
+ else
+ ok(true, "Cannot test focus because the window isn't focused");
+
+ child.blur();
+ if (pass.blur)
+ ok( true, "Test live() with blur event");
+ else
+ ok(true, "Cannot test blur because the window isn't focused");
+
+ // Teardown
+ $child.die("focus", worked);
+ $child.die("blur", worked);
+ $child.remove();
+ window.scrollTo(0,0);
+});
+
+test("Non DOM element events", function() {
+ expect(3);
+
+ jQuery({})
+ .bind('nonelementglobal', function(e) {
+ ok( true, "Global event on non-DOM annonymos object triggered" );
+ });
+
+ 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).trigger('nonelementobj');
+ jQuery.event.trigger('nonelementglobal');
+});
+
/*
test("jQuery(function($) {})", function() {
stop();