javascrpt之 处理键盘事件的例子

来源:互联网 发布:怎么链接淘宝店铺宝贝 编辑:程序博客网 时间:2024/05/17 06:07
先看看页面效果
源码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>web聊天</title>
<script language="javascript">
function document.onkeydown(){
  if (event.ctrlKey && event.keyCode=='13') {
          var message=document.getElementById("message");
         var txt=document.getElementById("txt");
         message.innerHTML=message.innerHTML+"<hr/>"+txt.value.replace(//r/n/g,'<br>');
         txt.value="";
         txt.focus();
  } 
}
<style type="text/css">
<!--
.STYLE1 {
 color: #FF0000;
 font-weight: bold;
}
-->
</style>
</head>
<body>
<table width="500" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#FF9900">
  <tr>
    <td height="122" bgcolor="#FFFFFF" id="message"></td>
  </tr>
  <tr>
    <td height="5" bgcolor="#FF9900"></td>
  </tr>
  <tr>
    <td height="104" bgcolor="#FFFFFF"><textarea name="textarea" cols="60" rows="10"   id="txt"></textarea></td>
  </tr>
  
  <tr>
    <td height="25" bgcolor="#FFFFFF">
      <span class="STYLE1">请按 Ctrl+回车 键发送消息!</span>
    </td>
  </tr>
</table>
</body>
</html>