js按ctrl+enter换行,让可编辑的div换行,并获取输入焦点光标

<div id="inputTxtArea" contenteditable="true"></div>

$(document).keydown(function (e) {
    var e = e || window.event, ec = e.keyCode || e.which;
    if (!e.ctrlKey && 13 == ec) {
        //console.log('发送');
        sendMsgTal();
        return false;
    }
    if (e.ctrlKey && 13 == ec) {
        //console.log('换行');
        if (browserType() == "IE" || browserType() == "Edge") {
            $("#inputTxtArea").append("<div></div>");
        }
        else if (browserType() == "FF") {
            $("#inputTxtArea").append("<br/><br/>");
        } else {
            $("#inputTxtArea").append("<div><br/></div>");
        }
        //设置输入焦点
        var o = document.getElementById("inputTxtArea").lastChild;            
        var textbox = document.getElementById('inputTxtArea');
        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);
    }
});
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
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王焜棟琦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值