enter/ctrl + enter留言

来源：互联网发布：云计算基础视频教程编辑：程序博客网时间：2024/06/04 08:05

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="留言">

0 0