contenteditable="true"下设置Ctrl+Enter换行

 

<div contenteditable="true" id="liaotiancen" class="contact-send-textarea"></div>
document.onkeydown=function(e){
		if(e.keyCode == 13 && e.ctrlKey){
		   // 这里实现换行
			if (browserType() == "IE" || browserType() == "Edge") {
	            $("#liaotiancen").append("<div></div>");
	        }
	        else if (browserType() == "FF") {
	            $("#liaotiancen").append("<br/><br/>");
	        } else {
	            $("#liaotiancen").append("<div><br/></div>");
	        }
	        //设置输入焦点
	        var o = document.getElementById("liaotiancen").lastChild;            
	        var textbox = document.getElementById('liaotiancen');
	        var sel = window.getSelection();
	        var range = document.createRange();
	        range.selectNodeContents(textbox);
	        range.collapse(false);
	        range.setEndAfter(o);//
	        range.setStartAfter(o);//
	        sel.removeAllRanges();
	        sel.addRange(range);
	        //
		}else if(e.keyCode == 13){
		    // 避免回车键换行
		    e.preventDefault();
		}
}
//判断浏览器
function browserType () {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isOpera = false;
    if (userAgent.indexOf('Edge') > -1) {
        return "Edge";
    }
    if (userAgent.indexOf('.NET') > -1) {
        return "IE";
    }
    if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
        isOpera = true;
        return "Opera"
    }; //判断是否Opera浏览器
    if (userAgent.indexOf("Firefox") > -1) {
        return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1) {
        return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
        return "Safari";
    } //判断是否Safari浏览器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
        return "IE";
    }; //判断是否IE浏览器
}

 


版权声明:本文为CHENPeiKun1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。