enter/ctrl + enter留言

最新推荐文章于 2019-06-18 14:00:09 发布

编程之上

最新推荐文章于 2019-06-18 14:00:09 发布

阅读量950

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ruizhengyun/article/details/37774257

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

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