Multiple Event Handlers for ONCLICK and ONDBCLICK
ONCLICK and ONDBCLICK for multiple event handlers
ONCLICK
&hspec; ONCLICK
ONDBCLICK
&hspec; ONDBCLICK
Colin Koteles
Dominique Kilman
- Using the keyboard or an assistive technology that emulates the keyboard,
navigate to either image and activate both ONCLICK events and both ONDBLCLICK events
to change the color of both stars.
- Both images change to a red star on single-click keyboard command
- Both images change to a pink star on double-click keyboard command
function imgChange( img )
{
document.star1.src = img
}
function imgChange2( img )
{
document.star2.src = img
}
- Using the keyboard or an assistive technology that emulates the keyboard, navigate to the text input box.
- Using the keyboard or an assistive technology that emulates the keyboard, clear the text input box and change the input box background color with ONCLICK.
- Text in input box is cleared
- The background color of the input box changes
function clearText(thefield)
{
if (thefield.defaultValue == thefield.value)
thefield.value = ""
else
thefield.value = thefield.defaultValue
}
function changeInColor(thefield)
{
if (thefield.defaultValue == thefield.value)
document.form1.text1.style.background= "#ffffff"
else
document.form1.text1.style.background= "#ffcccc"
}
- Using the keyboard or an assistive technology that emulates the keyboard, navigate to the text input box.
- Using the keyboard or an assistive technology that emulates the keyboard, activate both ONDBCLICK functions associated with the text input box.
- The text "Passes the Test" appears in the text box upon double-click
- The background color of the text input box changes color upon double-click
function showText(thefield)
{
if (thefield.defaultValue == thefield.value)
thefield.value = "Passed the test"
else
thefield.value = ""
}
function changeInColor2(thefield)
{
if (thefield.defaultValue == thefield.value)
document.form2.text2.style.background= "#ffffff"
else
document.form2.text2.style.background= "#ffcccc"
}
