Multiple Event Handlers for ONMOUSEOVER and ONMOUSEOUT
ONMOUSEOVER and ONMOUSEOUT for multiple event handlers
ONMOUSEOVER
&hspec; ONMOUSEOVER
ONMOUSEOUT
&hspec; ONMOUSEOUT
Dominique Kilman
Colin Koteles
- Using the keyboard or an assistive technology that emulates the keyboard, navigate to the image link and activate both ONMOUSEOVER events.
- Using the keyboard or an assistive technology that emulates the keyboard, navigate off the image link and activate both ONMOUSEOUT events.
- Both images swap with keyboard command
function imgChange1( img )
{
document.lamp1.src = img;
}
function imgChange2( img )
{
document.lamp2.src = img;
}
- Using the keyboard or an assistive technology that emulates the keyboard, navigate to the image and activate both ONMOUSEOVER events.
- Using the keyboard or an assistive technology that emulates the keyboard, navigate off the image and activate both ONMOUSEOUT events.
- Both images swap with keyboard command
function imgChange3( img )
{
document.lamp3.src = img;
}
function imgChange4( img )
{
document.lamp4.src = img;
}
- Using the keyboard or an assistive technology that emulates the keyboard, navigate to the form element and activate both ONMOUSEOVER events.
- Using the keyboard or an assistive technology that emulates the keyboard, navigate off the form element and activate both ONMOUSEOUT events.
- Button color changes from red to white with keyboard command
- Text value color changes from white to red with keyboard command
function changeBackColor()
{
if (document.form1.button1.style.backgroundColor == "red")
document.form1.button1.style.backgroundColor = "white"
else
document.form1.button1.style.backgroundColor = "red"
}
function changeTextColor()
{
if (document.form1.button1.style.color == "white")
document.form1.button1.style.color = "red"
else
document.form1.button1.style.color = "white"
}
