zoukankan      html  css  js  c++  java
  • div,contenteditable编辑器之ctrl+enter换行,enter发送

         //回车发消息
            $scope.keyDownSend = function ($event) {
                var keycode = window.event?$event.keyCode:$event.which;
                var evt = $event || window.event;
                var inputTxt = document.getElementById("contentText");
                // 回车-->发送消息
                if(keycode==13 && !(evt.ctrlKey)){
                    sendMessage();
                    $event.preventDefault();
                    return false;
                }
                // ctrl+回车-->换行
                if (evt.ctrlKey && evt.keyCode == 13) {
                    var #contenText = $('#contenText');
                    #contenText_opt.html(#contenText_opt.html() + '<br>');
                    placeCaretAtEnd(#contenText.get(0));
                    return false;
                }
    
    function placeCaretAtEnd(el) {
                el.focus();
                if (typeof window.getSelection != "undefined"
                    && typeof document.createRange != "undefined") {
                    var range = document.createRange();
                    range.selectNodeContents(el);
                    range.collapse(false);
                    var sel = window.getSelection();
                    sel.removeAllRanges();
                    sel.addRange(range);
                }
                else if (typeof document.body.createTextRange != "undefined") {
                    var textRange = document.body.createTextRange();
                    textRange.moveToElementText(el);
                    textRange.collapse(false);
                    textRange.select();
                }
            }
    //发消息
            $scope.send_test = function($event) {
                var contet = $('#contenText').html().replace(/&nbsp;/g, ' ').replace(/&amp;/g, '&');
                if($($event.target).hasClass('on')){
                    sendErrorTipsMsg(contet);
                    sendMessageTxt();
                } else if (!contet){
                    sendErrorTipsMsg(ErrorContent);
                }
                //发送消息后清除类
                $($event.target).removeClass('current');
            };
  • 相关阅读:
    Docker学习笔记之常用的 Docker Compose 配置项
    Docker学习笔记之使用 Docker Compose 管理容器
    qt无法使用终端启动的解决方法
    实践卡尔曼滤波--小球追踪
    高斯分布 笔记
    蒙特卡罗定位(Particle Filter Localization)笔记
    珊格地图笔记
    ubuntu14.04 下安装 gsl 科学计算库
    SLAM学习资料汇总
    矩阵的SVD分解
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6423926.html
Copyright © 2011-2022 走看看