pre标签添加contenteditable="true"属性，换行时看不见光标 - 知否问答 - 万象云+社区

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <pre contenteditable="true" style="width: 500px;height: 500px;border:1px #000 solid;overflow-y: auto"></pre> </body> <script> document.querySelector('pre').onkeydown = function($event){ var keycode = window.event ? $event.keyCode : $event.which; var evt = $event || window.event; // 回车-->发送消息 if (keycode == 13 && !(evt.ctrlKey)) { // 发送消息的代码 $event.preventDefault(); return false; } // ctrl+回车-->换行 if (evt.ctrlKey && evt.keyCode == 13) { insertContent('\r') return false; } } function insertContent(content){ if (!content) {//如果插入的内容为空则返回 return } var sel = null; if (document.selection) {//IE9以下 sel = document.selection; sel.createRange().pasteHTML(content); } else { sel = window.getSelection(); if (sel.rangeCount > 0) { var range = sel.getRangeAt(0); //获取选择范围 range.deleteContents(); //删除选中的内容 var el = document.createElement("div"); //创建一个空的div外壳 window.hahaha = el; el.innerHTML = content; //设置div内容为我们想要插入的内容。 var frag = document.createDocumentFragment();//创建一个空白的文档片段，便于之后插入dom树 var node = el.firstChild; var lastNode = frag.appendChild(node); range.insertNode(frag); //设置选择范围的内容为插入的内容 var contentRange = range.cloneRange(); //克隆选区 contentRange.setStartAfter(lastNode); //设置光标位置为插入内容的末尾 contentRange.collapse(true); //移动光标位置到末尾 sel.removeAllRanges(); //移出所有选区 sel.addRange(contentRange); //添加修改后的选区 } } } </script> </html>

回答动态

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容尝试更新怎么解决？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后就链接不上了，怎么办？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益

: 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益

在 万象知否，学习技能、解决问题

回答动态

在万象知否，学习技能、解决问题