70 lines
1.6 KiB
HTML
70 lines
1.6 KiB
HTML
<html onfocusin="writePass('result5')" onfocusout="writePass('result6')">
|
|
<head>
|
|
<script>
|
|
if (window.testRunner)
|
|
window.testRunner.dumpAsText();
|
|
|
|
function writePass(id)
|
|
{
|
|
document.getElementById(id).innerHTML = "PASS";
|
|
}
|
|
|
|
function writeFailed(id, reason)
|
|
{
|
|
document.getElementById(id).innerHTML = "FAIL: " + reason;
|
|
}
|
|
|
|
function focusHandler(event)
|
|
{
|
|
if (event.type == "focusin")
|
|
writePass('result1');
|
|
else
|
|
writeFailed('result1', "Wrong event type");
|
|
}
|
|
|
|
function blurHandler(event)
|
|
{
|
|
if (event.type == "focusout")
|
|
writePass('result2');
|
|
else
|
|
writeFailed('result2', "Wrong event type");
|
|
}
|
|
|
|
function focusHandlerTwo(event)
|
|
{
|
|
if (event.type == "DOMFocusIn")
|
|
writePass('result3');
|
|
else
|
|
writeFailed('result3', "Wrong event type");
|
|
}
|
|
|
|
function blurHandlerTwo(event)
|
|
{
|
|
if (event.type == "DOMFocusOut")
|
|
writePass('result4');
|
|
else
|
|
writeFailed('result4', "Wrong event type");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="document.getElementById('field').focus();document.getElementById('field').blur()">
|
|
|
|
<form>
|
|
<input type=text id="field">
|
|
</form>
|
|
|
|
<div id="result1">FAIL</div>
|
|
<div id="result2">FAIL</div>
|
|
<div id="result3">FAIL</div>
|
|
<div id="result4">FAIL</div>
|
|
<div id="result5">FAIL</div>
|
|
<div id="result6">FAIL</div>
|
|
|
|
<script>
|
|
document.documentElement.addEventListener("focusin", focusHandler, false);
|
|
document.documentElement.addEventListener("focusout", blurHandler, false);
|
|
document.documentElement.addEventListener("DOMFocusIn", focusHandlerTwo, false);
|
|
document.documentElement.addEventListener("DOMFocusOut", blurHandlerTwo, false);
|
|
</script>
|
|
|