jquery-ui/tests/jquery.simulate.js

259 lines
6.5 KiB
JavaScript
Raw Normal View History

/*
* jquery.simulate - simulate browser mouse and keyboard events
*
2012-03-19 13:25:07 +00:00
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
*/
;(function( $ ) {
$.fn.extend({
simulate: function( type, options ) {
return this.each(function() {
var opt = $.extend( {}, $.simulate.defaults, options );
new $.simulate( this, type, opt );
});
}
});
$.simulate = function( el, type, options ) {
this.target = el;
this.options = options;
if ( type === "drag" ) {
this[ type ].apply( this, [ this.target, options ] );
} else if ( type === "focus" || type === "blur" ) {
this[ type ]();
} else {
this.simulateEvent( el, type, options );
}
};
$.extend( $.simulate.prototype, {
simulateEvent: function( el, type, options ) {
var evt = this.createEvent( type, options );
this.dispatchEvent( el, type, evt, options );
return evt;
},
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 );
}
},
mouseEvent: function( type, options ) {
var evt, eventDoc, doc, body;
var e = $.extend({
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 );
var relatedTarget = $( e.relatedTarget )[0];
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,
e.button, e.relatedTarget || document.body.parentNode );
// IE 9+ creates events with pageX and pageY set to 0.
// Trying to modify the properties throws an error,
// so we define getters to return the correct values.
if ( evt.pageX === 0 && evt.pageY === 0 && Object.defineProperty ) {
eventDoc = evt.relatedTarget.ownerDocument || document;
doc = eventDoc.documentElement;
body = eventDoc.body;
Object.defineProperty( evt, "pageX", {
get: function() {
return e.clientX +
( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) -
( doc && doc.clientLeft || body && body.clientLeft || 0 );
}
});
Object.defineProperty( evt, "pageY", {
get: function() {
return e.clientY +
( doc && doc.scrollTop || body && body.scrollTop || 0 ) -
( doc && doc.clientTop || body && body.clientTop || 0 );
}
});
}
} else if ( document.createEventObject ) {
evt = document.createEventObject();
$.extend( evt, e );
evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
}
return evt;
},
keyboardEvent: function( type, options ) {
var evt;
var e = $.extend({
bubbles: true,
cancelable: true,
view: window,
ctrlKey: false,
altKey: false,
shiftKey: false,
metaKey: false,
keyCode: 0,
charCode: undefined
}, options );
if ( $.isFunction( document.createEvent ) ) {
try {
evt = document.createEvent( "KeyEvents" );
evt.initKeyEvent( type, e.bubbles, e.cancelable, e.view,
e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
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
});
}
} else if ( document.createEventObject ) {
evt = document.createEventObject();
$.extend( evt, e );
}
if ( $.browser.msie || $.browser.opera ) {
evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
evt.charCode = undefined;
}
return evt;
},
dispatchEvent: function( el, type, evt ) {
if ( el.dispatchEvent ) {
el.dispatchEvent( evt );
} else if ( el.fireEvent ) {
el.fireEvent( "on" + type, evt );
}
return evt;
},
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 };
this.simulateEvent( document, "mousemove", coord );
coord = { clientX: x + dx, clientY: y + dy };
this.simulateEvent( document, "mousemove", coord );
this.simulateEvent( document, "mousemove", coord );
this.simulateEvent( target, "mouseup", coord );
this.simulateEvent( target, "click", coord );
},
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 );
}
});
$.extend( $.simulate, {
defaults: {
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
});
})( jQuery );