OnKeyUp

onKeyUp event is triggered once we release a key after pressing the same. Since this event is triggered at a latter stage so it can be used to copy text or many other activities.

Object.onKeyUp="execute function or code"

In an element

onkeyUp="execute_function()";

UnLike onkeypress event demo here all the chars will be copied immediately.

<html>
<head>
<title>Demo of on onkeyUp events in Javascript</title>
<script language=JavaScript>
<!--
function copy()
{
document.getElementById("t2").value=document.getElementById("t1").value;
}
//-->
</script>

</head>
<body>
<form name=my_form method=post>
What ever you type here
<input  type=text id=t1 name=text onKeyUp=copy();> 
(Type minimum two chars)<br><br> will be copied to below textarea. <br>
<textarea id=t2   name=my_text rows=4 cols=30></textarea></form>
<br>
</body>
</html>

Onkeyup event is used to convert inches to cm ( and vice versa )

Subscribe to our YouTube Channel here

This article is written by plus2net.com team.

plus2net.com

Events Handling in JavaScript

Events

Detecting arrow key press event

Detecting key pressed by user

Virtual keyboard : Detecting key pressed based on screen location

clientX and clientY to get horizontal and vertical coordinates