一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。
二、聊天输入框的代码如下:
三、此时的页面展示如下:
四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。
五、此时在页面上测试,输入一段文字:
六、执行结果如下:
七、设计函数,使得按下enter跟按钮同样的功能:
八、刷新页面,测试:
js 文本框回车跳转页面转到第<Input type='text' name='page' size='3' maxlength='5' value='1' onKeyPress="gopage(this.value,13)">页
<script language='javascript'>
function gopage(page,totalpage){
if (event.keyCode==13){
if(Math.abs(page)>totalpage) page=totalpage
if(Math.abs(page)>1) window.location='http://Linux.chinaitlab.com/List_128_'+(totalpage-Math.abs(page)+1)+'.html'
else window.location='http://Linux.chinaitlab.com/List_128.html'
}
}
</script>
完成,不需要注释。