仿微信div可编辑ctrl+enter换行，enter发送

 　　　　//回车发消息$scope.keyDownSend = function ($event) {var keycode = window.event?$event.keyCode:$event.which;var evt = $event || window.event;var inputTxt = document.getElementById("myDiv");

// 回车-->发送消息if(keycode==13 && !(evt.ctrlKey)){

   // 您想要发送的消息相关操作写这里

                $event.preventDefault();return false;}

     if (evt.ctrlKey && evt.keyCode == 13) {

  // 这里面根据自身实际情况在尾部添加标识inputTxt.html(inputTxt.html() + '<div><br></div>');
                placeCaretAtEnd(inputTxt .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();}}

仿微信div可编辑ctrl+enter换行，enter发送相关推荐

electron-vue仿微信聊天客户端|electron聊天应用
使用Electron+Vue+electron-vue+vuex+Node+vue-video-player等技术构建开发的高仿微信客户端聊天室,实现了消息发送/表情,光标处插入表情,图片/视频预览, ...
android仿微信图片编辑器,electron/vue可编辑框contenteditable|仿微信截图
基于Electron+vue实现div可编辑contenteditable插入表情|electron-vue截图功能为了避免使用 vue 手动建立起 electron 应用程序.electron-v ...
ios 探探编辑页图片拖动_nuxt+vue仿微信/探探界面|nuxt聊天实例
最近趁着空闲时间给自己充充电,捣鼓学习了下Nuxt.js框架并开发了一个聊天项目 NuxtChat . 如上图:一些演示效果片段.emmm~ 不错哟项目介绍基于nuxt.js+vue.js+vu ...
android+高仿视频录制,android高仿微信视频编辑页
android高仿微信视频编辑页-视频多张图片提取上一篇中介绍了有关视频提取图片的知识点,如果对这个不太了解建议看下android提取视频多张图片和视频信息之前这篇. 这里实现的是仿微信的视频编辑 ...
如何在 JavaFX 的 TextArea 实现回车发送信息而不换行，但组合键 Ctrl + Enter 换行
如何在 JavaFX 的 TextArea 实现回车发送信息而不换行,但组合键 Ctrl + Enter 换行 JavaFX 的恼人之处在于很多基本的操作都要自己亲力亲为.在默认情况下,在 Tex ...
android高仿微信视频编辑页-视频多张图片提取
android高仿微信视频编辑页-视频多张图片提取上一篇中介绍了有关视频提取图片的知识点,如果对这个不太了解建议看下android提取视频多张图片和视频信息之前这篇. 这里实现的是仿微信的视频编辑 ...
android+高仿视频录制,高仿微信视频录制, 涂鸦水印添加, 基于 ffmpeg 视频编辑
功能主要包含5点: 1.基于ffmpeg的视频拍摄及合成; 2.自定义拍摄按钮, 长按放大并且显示拍摄进度; 3.自定义view, 实现手绘涂鸦; 4.自定义可触摸旋转缩放位移的表情文字view; 5 ...
uniapp框架如何实现仿微信相册插件 | 图视频编辑 + 压缩
在上上篇文章中(),我们基于uniapp框架实现了仿微信相册中的拍照+录像功能.今天,就继续在uni-app中实现: 1: 图片编辑 2: 视频编辑 3: 文件压缩技术实现开发环境:Hbuilde ...
android仿微信拍摄视频教程,仿微信视频拍摄UI, 基于ffmpeg的视频录制编辑(上)
本项目所使用的so库是VCamera,个人免费, 禁止商用,只用作demo演示因为最近项目做了关于视频拍摄和视频处理的需求, 所以特来分享一下, 做了一个基于微信录制, 分析ffmpeg视频编辑的 ...

仿微信div可编辑ctrl+enter换行，enter发送

仿微信div可编辑ctrl+enter换行，enter发送相关推荐

最新文章

热门文章