javascript
<script>
window.onload = function(){
var oTxt = document.getElementById('area');
var oInput = document.getElementById('input');
var oBtn = document.getElementById('btn');
// 提交执行函数
function show(obj){
if(obj.value == '' || obj.value == obj.defaultValue){
obj.value = obj.defaultValue;
}else{
oTxt.value += "我:"+ obj.value + '\n';
obj.value = '';
}
}
// 输入文本框聚焦、失去焦点事件
oInput.onfocus = function(){
if(this.value == '' || this.value == this.defaultValue){
this.value = '';
}
};
oInput.onblur = function(){
if(this.value == '' || this.value == this.defaultValue){
this.value = this.defaultValue;
}
};
// 单击提交
oBtn.onclick = function(){
show(oInput);
}
// 键盘提交
oInput.onkeydown = function(e){
var e = event||window.event;
if(e.keyCode == 13 || (e.ctrlKey && e.keyCode == 13)){
show(oInput);
}
}
}
</script>
html
<textarea rows="20" cols="60" id="area"></textarea><br>
<input type="text" name="" id="input" value="请输入留言内容"><input type="button" name="" id="btn" value="留言">