8. Create a webpage to implement form event Part-II
<html>
<head>
<title>Mouse Events</title>
<script>
function init()
{
var panel = document.getElementById('panel')
var btn = document.getElementById('btn')
btn.addEventListener("dblclick", dblClick)
btn.addEventListener("mousedown", mouseDown)
btn.addEventListener("mouseup", mouseUp)
btn.addEventListener("mouseover", mouseOver)
btn.addEventListener("mouseout", mouseOut)
}
function click()
{
panel.innerHTML += "Mouse clicked<br/>"
}
function dblClick()
{
panel.innerHTML += "Mouse double clicked<br/>"
}
function mouseDown()
{
panel.innerHTML += "Mouse down<br/>"
}
function mouseUp()
{
panel.innerHTML += "Mouse up<br/>"
}
function mouseOver()
{
panel.innerHTML += "Mouse over<br/>"
}
function mouseOut()
{
panel.innerHTML += "Mouse out<br/>"
}
function mouseMove()
{
panel.innerHTML += "Mouse moved<br/>"
}
</script>
</head>
<body onload="init()">
<input type="button" id="btn" value="Click Me" onclick="click()"
onmousemove="mouseMove"/>
<h3>Mouse events performed are</h3>
<p id="panel"></p>
</body>
</html>
<head>
<title>Mouse Events</title>
<script>
function init()
{
var panel = document.getElementById('panel')
var btn = document.getElementById('btn')
btn.addEventListener("dblclick", dblClick)
btn.addEventListener("mousedown", mouseDown)
btn.addEventListener("mouseup", mouseUp)
btn.addEventListener("mouseover", mouseOver)
btn.addEventListener("mouseout", mouseOut)
}
function click()
{
panel.innerHTML += "Mouse clicked<br/>"
}
function dblClick()
{
panel.innerHTML += "Mouse double clicked<br/>"
}
function mouseDown()
{
panel.innerHTML += "Mouse down<br/>"
}
function mouseUp()
{
panel.innerHTML += "Mouse up<br/>"
}
function mouseOver()
{
panel.innerHTML += "Mouse over<br/>"
}
function mouseOut()
{
panel.innerHTML += "Mouse out<br/>"
}
function mouseMove()
{
panel.innerHTML += "Mouse moved<br/>"
}
</script>
</head>
<body onload="init()">
<input type="button" id="btn" value="Click Me" onclick="click()"
onmousemove="mouseMove"/>
<h3>Mouse events performed are</h3>
<p id="panel"></p>
</body>
</html>
Practical Lists with Source Code :
- Writesimple JavaScript with HTML for arithmetic expression evaluation and messageprinting.
- Develop JavaScript to use decision making and looping statements.
- Develop JavaScript to implement Array functionalities.
- DevelopJavaScript to implement functions.
- DevelopJavaScript to implement strings.
- Createa webpage using form elements.
- Createa webpage to implement form event Part-I.
- Createa webpage to implement form event Part-II.
- Developa webpage using Intrinsic Java Function.
- Developa webpage for creating session and persistent cookies observe the effects withBrowser cookie settings.
- Developa webpage for placing the window on the screen and working with child window.
- Developa webpage for validation of form fields using regular expressions.
- Create a webpage with Rollovers Effect.
- Developa webpage for implementing menus.
- Developa webpage for implementing Status bars and Web Page Protection.
- Developa webpage for implementing Slideshow, Banner.