LayoutTests/fast/events/click-count.html - WebKit - Git at Google

 <html>
 <head>
 <script>
 function log(string)
 {
     document.getElementById('output').innerHTML += string;
 }

 function mouseDown(evt)
 {
     log("<span style='color:green'>[Mouse Down]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
 }

 function mouseUp(evt)
 {
     log("<span style='color:green'>[Mouse Up]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
 }

 function mouseClick(evt)
 {
     log("<span style='color:green'>[Mouse Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
 }

 function mouseDoubleClick(evt)
 {
     log("<span style='color:green'>[Mouse Double Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
 }

 function test()
 {
     if (window.testRunner) {
         testRunner.dumpAsText();
         testRunner.waitUntilDone();
     }
     if (window.eventSender) {
         var testEle = document.getElementById("testDiv");
         eventSender.mouseMoveTo(testEle.offsetLeft+testEle.offsetWidth/2, testEle.offsetTop+testEle.offsetHeight/2);
         testClick();
     }
 }

 function testClick()
 {
     for (var clickCount = 1; clickCount <= 5; clickCount++) {
         log("Clicking " + clickCount + " times<br>");
         for (var click = 0; click < clickCount; click++) {
             eventSender.mouseDown();
             eventSender.mouseUp();
         }
         // Skip forward 1 second so that the clicks are counted as distinct.
         eventSender.leapForward(1000);
     }
     testRunner.notifyDone();
 }

 </script>
 </head>
 <body onload="test()">
 <div id="testDiv" style="-webkit-user-select: none; border:1px solid red" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)" onclick="mouseClick(event)" ondblclick="mouseDoubleClick(event)">Click inside this div</div>
 <p id="output">
 </p>
	<html>
	<head>
	<script>
	function log(string)
	{
	document.getElementById('output').innerHTML += string;
	}

	function mouseDown(evt)
	{
	log("<span style='color:green'>[Mouse Down]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
	}

	function mouseUp(evt)
	{
	log("<span style='color:green'>[Mouse Up]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
	}

	function mouseClick(evt)
	{
	log("<span style='color:green'>[Mouse Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
	}

	function mouseDoubleClick(evt)
	{
	log("<span style='color:green'>[Mouse Double Click]</span> Button: " + evt.button + " Click Count: " + evt.detail + "<br>");
	}

	function test()
	{
	if (window.testRunner) {
	testRunner.dumpAsText();
	testRunner.waitUntilDone();
	}
	if (window.eventSender) {
	var testEle = document.getElementById("testDiv");
	eventSender.mouseMoveTo(testEle.offsetLeft+testEle.offsetWidth/2, testEle.offsetTop+testEle.offsetHeight/2);
	testClick();
	}
	}

	function testClick()
	{
	for (var clickCount = 1; clickCount <= 5; clickCount++) {
	log("Clicking " + clickCount + " times<br>");
	for (var click = 0; click < clickCount; click++) {
	eventSender.mouseDown();
	eventSender.mouseUp();
	}
	// Skip forward 1 second so that the clicks are counted as distinct.
	eventSender.leapForward(1000);
	}
	testRunner.notifyDone();
	}

	</script>
	</head>
	<body onload="test()">
	<div id="testDiv" style="-webkit-user-select: none; border:1px solid red" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)" onclick="mouseClick(event)" ondblclick="mouseDoubleClick(event)">Click inside this div</div>
	<p id="output">
	</p>