var elementsPreventingClick = [ "input", "button", "select", "textarea" ]; var elementsWithClick = [ "option", "optgroup", "output", "label", "object", "fieldset" ]; var gHandled = 0;
function clickShouldNotHappenHandler(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldNotHappenHandler);
ok(false, "click event should be prevented! (test1)");
if (++gHandled >= elementsWithClick.length) {
test2();
}
}
function clickShouldNotHappenHandler2(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldNotHappenHandler3);
ok(false, "click event should be prevented! (test2)");
if (++gHandled >= elementsWithClick.length) {
test3();
}
}
function clickShouldNotHappenHandler5(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldNotHappenHandler5);
ok(false, "click event should be prevented! (test5)");
if (++gHandled >= elementsWithClick.length) {
test6();
}
}
function clickShouldNotHappenHandler7(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldNotHappenHandler7);
ok(false, "click event should be prevented! (test7)");
if (++gHandled >= elementsWithClick.length) {
test8();
}
}
function clickShouldHappenHandler(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler);
ok(true, "click event has been correctly received (test1)");
if (++gHandled >= elementsWithClick.length) {
test2();
}
}
function clickShouldHappenHandler2(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler2);
ok(true, "click event has been correctly received (test2)");
if (++gHandled >= elementsWithClick.length) {
test3();
}
}
function clickShouldHappenHandler3(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler3);
ok(true, "click event has been correctly received (test3)");
if (++gHandled >= (elementsWithClick.length +
elementsPreventingClick.length)) {
test4();
}
}
function clickShouldHappenHandler4(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler4);
ok(true, "click event has been correctly received (test4)");
if (++gHandled >= (elementsWithClick.length +
elementsPreventingClick.length)) {
test5();
}
}
function clickShouldHappenHandler5(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler5);
ok(true, "click event has been correctly received (test5)");
if (++gHandled >= elementsWithClick.length) {
test6();
}
}
function clickShouldHappenHandler6(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler6);
ok(true, "click event has been correctly received (test6)");
if (++gHandled >= (elementsWithClick.length +
elementsPreventingClick.length)) {
test7();
}
}
function clickShouldHappenHandler7(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler7);
ok(true, "click event has been correctly received (test5)");
if (++gHandled >= elementsWithClick.length) {
test8();
}
}
function clickShouldHappenHandler8(aEvent)
{
aEvent.target.removeEventListener("click", clickShouldHappenHandler8);
ok(true, "click event has been correctly received (test8)");
if (++gHandled >= (elementsWithClick.length +
elementsPreventingClick.length)) {
SimpleTest.finish();
}
}
var fieldset1 = document.createElement("fieldset"); var fieldset2 = document.createElement("fieldset"); var legendA = document.createElement("legend"); var legendB = document.createElement("legend"); var content = document.getElementById('content');
fieldset1.disabled = true;
content.appendChild(fieldset1);
fieldset1.appendChild(fieldset2);
function clean()
{ var count = fieldset2.children.length;
for (var i=0; i<count; ++i) {
if (fieldset2.children[i] != legendA &&
fieldset2.children[i] != legendB) {
fieldset2.removeChild(fieldset2.children[i]);
}
}
}
function test1()
{
gHandled = 0;
// Initialize children without click expected.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldNotHappenHandler);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler);
sendMouseEvent({type:'click'}, element);
}
}
// Initialize children without click expected.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldNotHappenHandler2);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler2);
sendMouseEvent({type:'click'}, element);
}
}
// All elements should accept the click.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler3);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler3);
sendMouseEvent({type:'click'}, element);
}
}
// All elements should accept the click.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler4);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler4);
sendMouseEvent({type:'click'}, element);
}
}
function test5()
{
gHandled = 0;
fieldset2.insertBefore(legendB, legendA);
// Initialize children without click expected.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldNotHappenHandler5);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler5);
sendMouseEvent({type:'click'}, element);
}
}
// All elements should accept the click.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler6);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
fieldset2.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler6);
sendMouseEvent({type:'click'}, element);
}
}
// All elements should accept the click.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldNotHappenHandler7);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
legendA.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler7);
sendMouseEvent({type:'click'}, element);
}
}
// All elements should accept the click.
for (var name of elementsPreventingClick) { var element = document.createElement(name);
legendB.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler8);
sendMouseEvent({type:'click'}, element);
}
// Initialize children with click expected.
for (var name of elementsWithClick) { var element = document.createElement(name);
legendB.appendChild(element);
element.addEventListener("click", clickShouldHappenHandler8);
sendMouseEvent({type:'click'}, element);
}
}
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.