index.html

<!doctype html>
<html lang="en">
<head>
    <style>
        .button {
            background-color: #dedede;
            width: 100px;
            padding: 2px 8px;
            text-align: center;
        }
        
        .button:hover {
            cursor: pointer;
        }
    </style>
</head>

<body>
    
    <div class="button" draggable="true">Click me</div>
    <div id="log"></div>
    
    <!-- load jquery from cdn -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="roberclick.js"></script>
    
    <script>
    
    $('.button').robertClick({
    	click: function() { $('#log').text('click'); },
    	dblclick: function() { $('#log').text('dblclick'); },
    	longclick: function() { $('#log').text('longclick'); },
    	dragclick: function() { $('#log').text('dragclick'); }
    });
    
    
    </script>
    
</body>    
    
</html>