Untitled

From Diminutive Parakeet, 1 Year ago, written in JavaScript.

Embed

Download Paste or View Raw
Hits: 100

<html><head> <title>Example: Working with form Events</title>

<style type="text/css">

p {

font-family: Verdana;

background: #FA8B7C;

color: #fff;

padding: 10px;

border: 4px solid #555;

}

</style>

</head>

<body>

<form>

<p><label for="name"> Name: <input autofocus id="name" name="name" /></label> </p>

<p> <label for="nick"> Nickname:<input id="nick" name="nick" /></label> </p>

<button type="submit">Submit</button>

</form>

<span id="output"></span>

</body>

<script>

var items = document.getElementsByTagName("input");

for (var i = 0; i < items.length; i++) {

items[i].onkeyup = keyboardEventHandler;

}

function keyboardEventHandler(e) {

document.getElementById("output").innerHTML = "Key pressed is: " +

e.keyCode + " Char:" + String.fromCharCode(e.keyCode);

}

</script>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;html&gt;&lt;head&gt; &lt;title&gt;Example: Working with form Events&lt;/title&gt;
   &lt;style type=&quot;text/css&quot;&gt;
      p {
         font-family: Verdana;
         background: #FA8B7C;
         color: #fff;
         padding: 10px;
         border: 4px solid #555;
      }
   &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;form&gt;
      &lt;p&gt;&lt;label for=&quot;name&quot;&gt; Name: &lt;input autofocus id=&quot;name&quot; name=&quot;name&quot; /&gt;&lt;/label&gt; &lt;/p&gt;
      &lt;p&gt; &lt;label for=&quot;nick&quot;&gt; Nickname:&lt;input id=&quot;nick&quot; name=&quot;nick&quot; /&gt;&lt;/label&gt;  &lt;/p&gt;
&lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
   &lt;/form&gt;
&lt;span id=&quot;output&quot;&gt;&lt;/span&gt;
&lt;/body&gt;
&lt;script&gt;
   var items = document.getElementsByTagName(&quot;input&quot;);
   for (var i = 0; i &lt; items.length; i++) {
     items[i].onkeyup = keyboardEventHandler;
  }
function keyboardEventHandler(e) {
     document.getElementById(&quot;output&quot;).innerHTML = &quot;Key pressed is: &quot; +
        e.keyCode + &quot; Char:&quot; + String.fromCharCode(e.keyCode);
  }
&lt;/script&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}

Reply to "Untitled"