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浏览器
}

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值