Simulate mouse movement and text typing
HTML
<img src="http://cdn1.iconfinder.com/data/icons/CrystalClear/22x22/actions/14_select.png" />
<textarea rows="10" cols="50">
</textarea>
CSS
img{
position:absolute;
}
input{
margin:190px 0 0 200px;
width:500px;
}
JavaScript
var fakeMouse = $('img');
var inputField = $('textarea');
fakeMouse.animate({
top: (inputField.position().top) + 194 ,
left: (inputField.position().left) + 200
}, 1200, 'swing', function(){
inputField.focus();
// fakeMouse.animate({ top: "+=26px" }, 'slow');
type("Now this is a story all about how my life got flipped turned upside down", 0);
});
function type(string, index){
var val = string.substr(0, index + 1);
inputField.attr('value', val);
if (index < string.length) {
setTimeout(function(){ type(string, index + 1); }, Math.random() * 50);
}
else {
console.log("done typing");
}
}