mouseevents-on-textnodes.html   [plain text]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<script type="text/javascript" language="javascript" charset="utf-8">
	
	document.onmousedown = doIt;
		
	function doIt(evt) {
		var elem = evt.target;
		var anAttr = null;
		alert (elem);
	}
	
</script>

</head>
<body>
<p><b>BUG ID:</b> <a href="rdar://problem/4196646">4196646</a> target returns text node when it should return the parent node</p>

<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> 
Click where indicated below.
</p>

<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> 
After clicking, see alert dialogs as described below.
</p>

<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> 
After clicking, see alert dialogs other than what is described below.
Specifically, tests #1 and #3 below will alert "[object TEXT]"
</p>

<p>1. click on this text - you should see an alert that says "[object P]"</p>

<div style="border: 1px dotted red; width: 500px; ">2. click on white space next to this text --> <br>you should see an alert that says "[object DIV]" --> </div><br>

3. click on this text - you should see an alert that says "[object BODY]"<br><br>

4. click on empty whitespace on this page, below this text - you should see an alert that says "[object HTML]"

</body>
</html>