div contenteditable光标位置问题

矫情吗；* 2022-08-06 02:25 220阅读 0赞

<span style="color:#ff0000;">插入数据后,光标位置问题</span>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>div contenteditable光标测试</title>
    <style type="text/css">
    	.div{ width:600px; height:200px; border:1px solid #CCC}
    </style>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    	$(document).ready(function(e) {
            $('.aclick').click(function(){
    			$('.div-label').html("回复[潇sdfsdfssssssssssssssdfsdf潇]:");
    			$('.div').focus();
    			getC($('.div'))
    		})
        });
    	function getC(that){
    			if(document.all){
    				that.range=document.selection.createRange();
    				that.range.select();
    				that.range.moveStart("character",-1); 
    			}else{
    				that.range=window.getSelection().getRangeAt(0);
    				that.range.setStart(that.range.startContainer,2);
    			}
    	}
    </script>
    </head>
    
    <body>
    	<a href="#" class="aclick">回复潇潇</a>
    	<div class="div" contenteditable="true">
        	<label contenteditable="false" class="div-label">回复标题：</label>
        </div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 指定光标位置

可以使用 JavaScript 中的 selectionStart 和 selectionEnd 属性来指定光标的位置。这些属性属于 HTMLInputElement 对象

柔情只为你懂/ 2024年03月26日 08:24/ 0 赞/ 82 阅读

相关关键字提示编辑器一之可编辑div获取光标位置

没有考虑浏览器兼容性，暂时只考虑了Chrome。效果 ![效果][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

﹏ヽ暗。殇╰゛Y/ 2022年12月23日 06:18/ 0 赞/ 169 阅读

相关 java光标位置无效_java.sql.SQLException: 光标位置无效问题

错误代码如下，运行出现java.sql.SQLException: 光标位置无效的问题，原因是没有next()方法 /\\ \ 根据id获得用户信息 \ @param i

￡神魔★判官ぃ/ 2022年11月10日 03:47/ 0 赞/ 318 阅读

相关 html div 可编辑,使div可编辑 contentEditable

属性 contentEditable 这是一个可编辑div 比如富文本的输入框就可以用可编辑的div(自定义一个富文本时可用) 或者另一个场景，有时候需要一个可输入框双击

╰+哭是因爲堅強的太久メ/ 2022年10月11日 00:43/ 0 赞/ 197 阅读

相关 div contenteditable光标位置问题

<span style="color:ff0000;">插入数据后,光标位置问题</span> <!DOCTYPE html PUBLIC "-//W3C//

矫情吗；*/ 2022年08月06日 02:25/ 0 赞/ 221 阅读

相关控制台控制光标位置

问题描述：通过控制光标位置，在控制台上打印如下面语句: 输入第十天的果子数:\_\_ 个其中\_\_是让用户填入的一个正整数，并且在用户输入的过程中，“个”会跟随着数

矫情吗；*/ 2022年06月16日 06:59/ 0 赞/ 239 阅读

相关 div可编辑user-modify/contenteditable

div通常是用于只读的，但有时候我们需要对div的内容进行编辑，很多人推荐使用user-modify这个属性，在google里用-webkit-read-modify，在fi

以你之姓@/ 2022年06月01日 06:47/ 0 赞/ 216 阅读

相关 js 在div光标位置加入内容

完整代码，可以自己测试 div指定位置插入内容 <html> <head></head> <body> <img id="pic"

ゝ一世哀愁。/ 2022年04月16日 04:12/ 0 赞/ 233 阅读

相关 Range - 获取光标位置

Range简介 Range就是通过鼠标或者键盘或者代码选中的一段内容，这段内容浏览器会将其封装成一个Range对象。获取光标位置 Chrome用getBound

「爱情、让人受尽委屈。」/ 2022年03月26日 00:58/ 0 赞/ 254 阅读

相关浏览器兼容 - contenteditable元素的光标不显示

问题描述代码如下 <span contenteditable="true"></span> 这句代码在Chrome下光标正常显示，但在Safari中无法显示

青旅半醒/ 2022年03月26日 00:40/ 0 赞/ 746 阅读