<%@ page language="java" contentType="text⁄html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-⁄⁄W3C⁄⁄DTD HTML 4.01 Transitional⁄⁄EN" "http:⁄⁄www.w3.org⁄TR⁄html4⁄loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text⁄html; charset=UTF-8"> <title>KeyEvent Example<⁄title> <link href=".⁄css⁄bootstrap.css" rel="stylesheet" media="screen"> <script type="text⁄javascript"> function keyDown() { var inputText = document.getElementById("inputText"); var spanMessage = document.getElementById("spanMessage"); if (inputText.value.length > 0) { spanMessage.innerHTML = "keyDown"; } } function keyUp() { var inputText = document.getElementById("inputText"); var inputWarning = document.getElementById("spanMessage"); if (inputText.value.length == 0) { spanMessage.innerHTML = ""; } } <⁄script> <⁄head> <body> <div class="control-group info"> <label class="control-label">KeyEvent<⁄label> <div class="controls"> <input type="text" id="inputText" onkeydown="keyDown()" onkeyup="keyUp()"> <span class="help-inline" id="spanMessage"><⁄span> <⁄div> <⁄div> <⁄body> <⁄html>