Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/rangy/1.2.3/rangy-core.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div id="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque feugiat dictum. Vivamus diam tellus, consectetur et ligula a, lacinia facilisis risus. <i>Aenean scelerisque</i> viverra massa, sed tristique metus faucibus ut. Vivamus sapien libero, accumsan ut erat convallis, fringilla egestas sem. Praesent venenatis nulla at molestie convallis. Integer eget risus lorem. In elit neque, euismod ut quam at, interdum imperdiet tellus. In porttitor lectus non tellus aliquam, a iaculis lorem facilisis. Aliquam vel <b>lacinia nibh</b>. Cras tellus sapien, malesuada non tellus vel, cursus ullamcorper lorem. Vestibulum justo odio, convallis id tempor at, porttitor eu nibh. Vestibulum sed lacus tortor. Morbi sagittis velit ut tempus tristique.
  </div>
​
</body>
</html>
 
var resetThrottle = false, actionThrottle = false;
$("#content").click(function() {
    var elem = this, $elem = jQuery(elem);
  
    if ($elem.data('clicks')) {
        $elem.data('clicks', $elem.data('clicks') + 1);
    } else {
         $elem.data('clicks', 1);
    }
​
    // Reset triple click counter if no click is made within 500ms
    if (resetThrottle != false) { clearTimeout(resetThrottle); }
    resetThrottle = setTimeout(function() {
        resetThrottle = false;
        $elem.data('clicks', 0);
    }, 500);
​
    if (actionThrottle != false) { clearTimeout(actionThrottle); }
    actionThrottle = setTimeout(function() {
        var clicks = $elem.data('clicks');
        if (clicks === 1) {
            console.log("single");
        } else if (clicks === 2) {
            console.log("double");
        } else {
            console.log("triple or more");
        }
        
        actionThrottle = false;
    }, 200);
    
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers