Question

Is there any way I can set the cursor position off the screen/webpage or on top/bottom of the page when a page is load? If so how can I target it, maybe using javascript, jquery or php? Thanks!

Answer 1

This response is based on the user having the need to avoid interacting with the page on load. It was not phrased correctly at first.

First, we’ll need to create the layover. For this, we’re going to use an ID of ‘pageLayover’.

our CSS:

#pageLayover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:transparent;
  z-index:9000;
  display:block;
}

Then our jQuery:

$(function(){
  $("body").append('<div id="pageLayover"></div>');
  $(document).mousemove(function(){ //capture mouse movement event
    $("#pageLayover").remove(); // remove our layover from the DOM
  });
});

That’s the basics. You can tweak with it from there. Several users are constantly using their mouse so you may want to delay the use of the function until after a few seconds of the page load.

Good luck.

Editing to provide better Visibility to Solution

I agree with MyStream here, This is definitely not a finite solution. There’s tweaking to be done, as I noted in the comment.

If you want this to also be a click function, you simply need to make it a click function.

$("#myClickElement").live('click', function(){
  $("body").append('<div id="pageLayover"></div>');
});

will append the pagelayover. If you want to move the scope of the remove to a click, you could use the normalized mousedown function, such as ->

$('#element').mousedown(function(event) {
  if(event.which == 1){ $("#pageLayover").remove(); 
});