Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: dom/events/test/mochitest.toml
<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>
<input type="text" id="testTarget" value="focus">
<pre id="test">
<script class="testbody" type="text/javascript">
function testFocusEvent(event) {
ok(('relatedTarget' in event), 'FocusEvent.relatedTarget exists');
if (event.construct_test == true) {
ok(event.relatedTarget == $("content"), 'FocusEvent.relatedTarget is ' + $("content").id);
}
}
function testUIEvent(event) {
ok((event.detail == 0),
'UIEvent.detail should be 0 in ' + event.target.value + ' event');
ok((event.defaultView == null),
'UIEvent.defaultView should be null in ' + event.target.value + ' event');
}
function testEventType(event, type) {
ok((event.type == type), 'Event.type match: ' + type);
}
function eventhandle(event) {
testFocusEvent(event);
testUIEvent(event);
testEventType(event, event.target.value);
if (event.target.value == 'blur') {
event.target.value = 'focus';
} else {
event.target.value = 'blur';
}
}
//
// event handler:
//
$("testTarget").addEventListener("focus", eventhandle, true);
$("testTarget").addEventListener("blur", eventhandle, true);
//
// FocusEvent structure test
//
$("testTarget").focus();
$("testTarget").blur();
//
// Focus/Blur constructor test
//
var focus_event = new FocusEvent("focus",
{bubbles: true,
cancelable: true,
relatedTarget: $("content")});
focus_event.construct_test = true;
var blur_event = new FocusEvent("blur",
{bubbles: true,
cancelable: true,
relatedTarget: $("content")});
blur_event.construct_test = true;
// create cycle referece for leak test
$("content").foo_focus = focus_event;
$("content").foo_blur = blur_event;
$("testTarget").dispatchEvent(focus_event);
$("testTarget").dispatchEvent(blur_event);
</script>
</pre>
</body>
</html>