Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 453
  • Last Modified:

jQuery onfocus double fire problem

Hello,

I am trying to track the amount of times someone goes to a webpage then leaves the tab and then goes back to it but I am having an issue with the jquery double firing.

Here is my code:

<script type="text/javascript">
var f = 1;
$(window).focus(function(){
	f++
	console.log("window clicked on " + f + " times")
});
</script>

Open in new window


The console looks like this (my actions are in italics):
click to foucs
window clicked on 2 times
window clicked on 3 times
click off the tab then click back
window clicked on 4 times
window clicked on 5 times
click off the tab then click back
window clicked on 6 times
window clicked on 7 times


Does anyone know how to stop the double fire?

Thanks!

Nico
0
NicoM79
Asked:
NicoM79
  • 2
  • 2
1 Solution
 
GaryCommented:
Checked in FF and IE10 and it only fires once.
0
 
NicoM79Author Commented:
Hi GaryC123,

Sorry if I wasn't clear. I don't mind that it starting at two.

To show you what I mean i recorded a quick 18 sec screencast video
http://screencast.com/t/9bkCJ3Ma

This is what I did:

I open up a test html page with the script on it then tab to the next tab a W3 school page and go back to my original test page. Each time I leave the page to go to the next tab and go back it puts two new console.log statements.

Let me know if that makes sense.

Thanks!

Nico
0
 
GaryCommented:
Must be a Chrome bug because it works fine in IE and FF, amended your code to fix it.

var f = 1;
var gotFocus = false;  
$(window).focus(function(){

	if(gotFocus){
		return; 
	}
	gotFocus = true;

	f++
	console.log("window clicked on " + f + " times")
});
$(window).blur(function() {
	gotFocus = false;
});

Open in new window

0
 
NicoM79Author Commented:
Thanks a lot!
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now