jquery-ui/tests/jquery.simulate.js

235 lines
5.6 KiB
JavaScript
Raw Normal View History

/*
* jquery.simulate - simulate browser mouse and keyboard events
*
2011-01-17 14:13:18 +00:00
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
*/
2011-10-31 19:06:05 +00:00
;(function( $ ) {
$.fn.extend({
2011-10-31 19:06:05 +00:00
simulate: function( type, options ) {
return this.each(function() {
2011-10-31 19:06:05 +00:00
var opt = $.extend( {}, $.simulate.defaults, options );
new $.simulate( this, type, opt );
});
}
});
2011-10-31 19:06:05 +00:00
$.simulate = function( el, type, options ) {
this.target = el;
this.options = options;
2011-10-31 19:06:05 +00:00
if ( type === "drag" ) {
this[ type ].apply( this, [ this.target, options ] );
} else if ( type === "focus" || type === "blur" ) {
this[ type ]();
} else {
2011-10-31 19:06:05 +00:00
this.simulateEvent( el, type, options );
}
2011-10-31 19:06:05 +00:00
};
2011-10-31 19:06:05 +00:00
$.extend( $.simulate.prototype, {
simulateEvent: function( el, type, options ) {
var evt = this.createEvent( type, options );
this.dispatchEvent( el, type, evt, options );
return evt;
},
2011-10-31 19:06:05 +00:00
createEvent: function( type, options ) {
if ( /^mouse(over|out|down|up|move)|(dbl)?click$/.test( type ) ) {
return this.mouseEvent( type, options );
} else if ( /^key(up|down|press)$/.test( type ) ) {
return this.keyboardEvent( type, options );
}
},
2011-10-31 19:06:05 +00:00
mouseEvent: function( type, options ) {
var evt;
var e = $.extend({
2011-10-31 19:06:05 +00:00
bubbles: true,
cancelable: (type !== "mousemove"),
view: window,
detail: 0,
screenX: 0,
screenY: 0,
clientX: 0,
clientY: 0,
ctrlKey: false,
altKey: false,
shiftKey: false,
metaKey: false,
button: 0,
relatedTarget: undefined
}, options );
2011-10-31 19:06:05 +00:00
var relatedTarget = $( e.relatedTarget )[0];
2011-10-31 19:06:05 +00:00
if ( $.isFunction( document.createEvent ) ) {
evt = document.createEvent( "MouseEvents" );
evt.initMouseEvent( type, e.bubbles, e.cancelable, e.view, e.detail,
e.screenX, e.screenY, e.clientX, e.clientY,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
2011-10-31 19:06:05 +00:00
e.button, e.relatedTarget || document.body.parentNode );
} else if ( document.createEventObject ) {
evt = document.createEventObject();
2011-10-31 19:06:05 +00:00
$.extend( evt, e );
evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
}
return evt;
},
2011-10-31 19:06:05 +00:00
keyboardEvent: function( type, options ) {
var evt;
2011-10-31 19:06:05 +00:00
var e = $.extend({
bubbles: true,
cancelable: true,
view: window,
ctrlKey: false,
altKey: false,
shiftKey: false,
metaKey: false,
keyCode: 0,
charCode: 0
}, options );
2011-10-31 19:06:05 +00:00
if ( $.isFunction( document.createEvent ) ) {
try {
2011-10-31 19:06:05 +00:00
evt = document.createEvent( "KeyEvents" );
evt.initKeyEvent( type, e.bubbles, e.cancelable, e.view,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
2011-10-31 19:06:05 +00:00
e.keyCode, e.charCode );
} catch( err ) {
evt = document.createEvent( "Events" );
evt.initEvent( type, e.bubbles, e.cancelable );
$.extend(evt, {
view: e.view,
ctrlKey: e.ctrlKey,
altKey: e.altKey,
shiftKey: e.shiftKey,
metaKey: e.metaKey,
keyCode: e.keyCode,
charCode: e.charCode
});
}
2011-10-31 19:06:05 +00:00
} else if ( document.createEventObject ) {
evt = document.createEventObject();
2011-10-31 19:06:05 +00:00
$.extend( evt, e );
}
2011-10-31 19:06:05 +00:00
if ( $.browser.msie || $.browser.opera ) {
evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
evt.charCode = undefined;
}
return evt;
},
2011-10-31 19:06:05 +00:00
dispatchEvent: function( el, type, evt ) {
if ( el.dispatchEvent ) {
el.dispatchEvent( evt );
} else if ( el.fireEvent ) {
el.fireEvent( "on" + type, evt );
}
return evt;
},
2011-10-31 19:06:05 +00:00
drag: function( el ) {
var self = this,
center = this.findCenter(this.target),
options = this.options,
x = Math.floor( center.x ),
y = Math.floor( center.y ),
dx = options.dx || 0,
dy = options.dy || 0,
target = this.target,
coord = { clientX: x, clientY: y };
this.simulateEvent( target, "mousedown", coord );
coord = { clientX: x + 1, clientY: y + 1 };
2011-10-31 19:06:05 +00:00
this.simulateEvent( document, "mousemove", coord );
coord = { clientX: x + dx, clientY: y + dy };
2011-10-31 19:06:05 +00:00
this.simulateEvent( document, "mousemove", coord );
this.simulateEvent( document, "mousemove", coord );
this.simulateEvent( target, "mouseup", coord );
this.simulateEvent( target, "click", coord );
},
2011-10-31 19:06:05 +00:00
findCenter: function( el ) {
var el = $( this.target ),
o = el.offset(),
d = $( document );
return {
x: o.left + el.outerWidth() / 2 - d.scrollLeft(),
y: o.top + el.outerHeight() / 2 - d.scrollTop()
};
},
focus: function() {
var focusinEvent,
triggered = false,
element = $( this.target );
function trigger() {
triggered = true;
}
element.bind( "focus", trigger );
element[ 0 ].focus();
if ( !triggered ) {
focusinEvent = $.Event( "focusin" );
focusinEvent.preventDefault();
element.trigger( focusinEvent );
element.triggerHandler( "focus" );
}
element.unbind( "focus", trigger );
},
blur: function() {
var focusoutEvent,
triggered = false,
element = $( this.target );
function trigger() {
triggered = true;
}
element.bind( "blur", trigger );
element[ 0 ].blur();
// blur events are async in IE
setTimeout(function() {
// IE won't let the blur occur if the window is inactive
if ( element[ 0 ].ownerDocument.activeElement === element[ 0 ] ) {
element[ 0 ].ownerDocument.body.focus();
}
// Firefox won't trigger events if the window is inactive
// IE doesn't trigger events if we had to manually focus the body
if ( !triggered ) {
focusoutEvent = $.Event( "focusout" );
focusoutEvent.preventDefault();
element.trigger( focusoutEvent );
element.triggerHandler( "blur" );
}
element.unbind( "blur", trigger );
}, 1 );
}
});
2011-10-31 19:06:05 +00:00
$.extend( $.simulate, {
defaults: {
2011-10-31 19:06:05 +00:00
speed: "sync"
},
VK_TAB: 9,
VK_ENTER: 13,
VK_ESC: 27,
VK_PGUP: 33,
VK_PGDN: 34,
VK_END: 35,
VK_HOME: 36,
VK_LEFT: 37,
VK_UP: 38,
VK_RIGHT: 39,
VK_DOWN: 40
});
2011-10-31 19:06:05 +00:00
})( jQuery );