一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。
二、聊天输入框的代码如下:
三、此时的页面展示如下:
四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。
五、此时在页面上测试,输入一段文字:
六、执行结果如下:
七、设计函数,使得按下enter跟按钮同样的功能:
八、刷新页面,测试:
加个定时器即可
document.onkeydown = function (e) {var timeout = 2000 //延时
setTimeout(function () {
whichkey(e)
}, timeout)
}
function whichkey(e) {
if (navigator.appName == "Microsoft Internet Explorer") {
var keycode = event.keyCode
var realkey = String.fromCharCode(event.keyCode)
} else {
var keycode = e.which
var realkey = String.fromCharCode(e.which)
}
alert("按键码: " + keycode + " 字符: " + realkey)
}