javascrpt之 处理键盘事件的例子
2007-03-13 15:22
441 查看
先看看页面效果
源码如下:
<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>
源码如下:
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascrpt之 处理键盘事件的例子
- Android处理键盘事件的小例子
- Javascript跨浏览器处理键盘事件keydown,keypress,keyup
- Kibo 用于处理键盘事件的Javascript工具库
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- iOS自动处理键盘事件的第三方库：IQKeyboardManager
- Cocoa：应用内键盘事件处理
- Android平台的事件处理机制和手指滑动例子
- UIView如何处理键盘弹起和消失事件
- Android平台的事件处理机制和手指滑动例子
- 精通Silverlight——12.3 处理键盘事件
- QT基础(二)----鼠标、键盘事件处理机制、信息拦截机制
- 处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外
- C＃处理鼠标和键盘事件 [转贴 2008-03-02 08:15:29]
- 鼠标移出/点击div外等事件处理,及键盘操作
- mtk输入子系统键盘事件处理流程
- 自动处理键盘事件的第三方库 IQKeyboardManager
- C＃处理鼠标和键盘事件
- 使用arguments对象处理兼容各浏览器的键盘按钮事件
- [转]使用中文输入法时对键盘事件的处理