Javascript click method

**majmal** · 05-27-2010 03:39 PM

Hey guys,

I am not that great with javascript but I've been trying to create a little script that automatically clicks a certain position on the window.

I am not 100% sure how to do this. Can someone please help.

What I want it to be able to do is find out where the position of the mouse currently is (this part I already know how to do) and then click those coordinates)

Thanks,

**JMRKER** · 05-27-2010 04:04 PM

I'm not 100% sure you can do that.

It would be like taking over someone's computer and pushing/clicking buttons
that the user might not want to do or wish to be re-directed to.

**skullsnest** · 05-27-2010 04:36 PM

look into the click method it kind of looks like

thisButton.click();

**majmal** · 05-27-2010 04:55 PM

I know you can use javascript click a link by doing
document.getElementById('linkID').click();
so maybe there is a way to use this to click a perticular coordinate?

**coothead** · 05-27-2010 05:23 PM

Hi there majmal,

have a look at this example, you may be able to adapt the methodology to suit your requirements.

Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title></title>

<style type="text/css">
body {
    margin:0;
    height:100%;
 }
#box {
    position:absolute;
    z-index:999;
    width:100%;
    height:100%;
 }
#box a {
    display:block;
    width:100%;
    height:100%;
    cursor:default;
    outline:none;
 }
</style>

<script type="text/javascript">

function init(){
if(window.addEventListener){
   document.body.addEventListener('mousemove',curPos,false)
 }
else { 
if(window.attachEvent){
   document.body.attachEvent('onmousemove',curPos);
   }
  } 
 }

function curPos(event){

   obj=document.getElementById('box').style;

   l=event.clientX
   t=event.clientY;

   obj.top=t-screen.width/2+'px';
   obj.left=l-screen.height/2+'px';

 }
if(window.addEventListener){
   window.addEventListener('load',init,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',init);
  }
 }

</script>

</head>
<body>

<div id="box">
  <a href="http://www.webdeveloper.com/forum/showthread.php?t=230342"></a>
</div>

</body>
</html>

Click anywhere to see the result.

coothead

**majmal** · 05-27-2010 05:49 PM

Unfortunately, thats not what I need to do. I need this function to be triggered automatically not by the user having to click on the page.

**coothead** · 05-27-2010 06:09 PM

Originally Posted by majmal

"Unfortunately, thats not what I need to do. I need this function to be triggered automatically
not by the user having to click on the page".

Your first post, though, had this line....

Originally Posted by majma

"What I want it to be able to do is find out where the position of the mouse currently is
(this part I already know how to do) and then click those coordinates ".

It appears that you have now decided to move the goalposts.

coothead

**majmal** · 05-27-2010 11:41 PM

Sorry not that great with words lol

**Kor** · 05-28-2010 06:47 AM

If not onclick, maybe onmousemove? If so:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
var posx;var posy;
function getMouse(e){
posx=0;posy=0;
var e=(!e)?window.event:e;//IE:Moz
if (e.pageX){//Moz
posx=e.pageX+window.pageXOffset;
posy=e.pageY+window.pageYOffset;
}
else if(e.clientX){//IE
if(document.documentElement){//IE 6+ strict mode
posx=e.clientX+document.documentElement.scrollLeft;
posy=e.clientY+document.documentElement.scrollTop;
}
else if(document.body){//Other IE
posx=e.clientX+document.body.scrollLeft;
posy=e.clientY+document.body.scrollTop;
}
}
else{return false}//old browsers
document.getElementById('myspan').firstChild.data='X='+posx+' Y='+posy;
}
document.onmousemove=getMouse
</script>
</head>
<body>
<span id="myspan">&nbsp;</span>
</body>
</html>

**majmal** · 06-02-2010 03:17 PM

umm maybe i am just not explaining it right.

The idea is to use the following script in a new way

Code:

<script language="Javascript" type="text/javascript"> 
document.getElementById('mylink').click() 
</script>

I want to be able to click on a certain part of the screen (window) without the user having to do anything.

I was hoping there is a way to replace getElementById with something that clicks any element in a certain position in the window (x,y coordinates).

**SparoHawk** · 06-02-2010 05:25 PM

It simply is not possible to force click in the way you want. All you can do is simulate.

First of all, you would need to pick the coordinate where the click will be. Second, you would need to FIND which is the first element UNDER those coordinates so that then you can invoke that elements click() function.

That is one hell of a job if you ask me. You'd have to do tremendous calculations and storage of elements positions relative to the page's X and Y, plus the elements dimensions AND its z-index.

Impossible, no, but darn near close. Good luck.

Thread: Javascript click method

Thread Tools

Display

Javascript click method

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions