DMEO:
运行如下页面,输入部分文字,选中部分,
之后在浏览控制台执行$(“#J_container”).html(“abcd”);
会发现控制台输出的startOffset 被设置为0

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title><script src="jquery.js"></script><style>.container {border: 1px solid gray;}</style>
</head>
<body>
<div class="container" contenteditable="true" id="J_container">你好
</div><script>function getCurrentRange() {var sel = window.getSelection();if (sel.getRangeAt && sel.rangeCount) {return sel.getRangeAt(0);}}window.nowSelection  = getCurrentRange();setInterval(function(){console.log(window.nowSelection);},100)setInterval(function(){window.nowSelection  = getCurrentRange();},2000)
</script>
</body>
</html>

当编辑内容改变是后 选中内容 Range 的startOffset会被重置相关推荐

  1. java二维数组从键盘更改_互换二维数组的行列。要求数组的行数、列数以及各元素均从键盘输入;输出互换前数组内容和互换后数组内容。(要求循环输入进行测试)Java...

    1. 互换二维数组的行列.要求数组的行数.列数以及各元素均从键盘输入:输出互换前数组内容和互换后数组内容.(要求循环输入进行测试) package com.mingrisoft; import jav ...

  2. 抓取html的内容,js获取网页选中内容(包含html代码)

    例子,js获取网页选中的内容. 复制代码 代码示例: function getSelectedContents(){ if (window.getSelection) { //chrome,firef ...

  3. input标签内容改变的触发事件

    1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或 ...

  4. vscode 选中后相同内容高亮插件推荐

    vscode 选中后相同内容高亮插件推荐 本文主要就是推荐下这款插件,毕竟编辑器本来的选中颜色 不是很清楚.下面的设置,在插件的介绍文档中都有. 下载插件 highlight-icemode 配置插件 ...

  5. 有关input输入框内容改变后的触发事件

    有关input输入框内容改变后的触发事件,也是今天遇到的问题.我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应.百度了半天,最后才发现问题所在. ...

  6. 点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法

    本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...

  7. Vim-复制选中内容至系统剪贴板,光标移动到指定行的行首和行尾

    1.全选并复制到系统剪贴板 ggVG或ggvG 然后 "+y gg 让光标移到首行,在vim才有效,vi中无效 V 是进入Visual(可视)模式 G 光标移到最后一行 "+y 复 ...

  8. listview qt 选中内容_演练: 操作Qt应用中的QListView

    演练:操作Qt应用中的List 背景 需要针对Qt的ListView组件开发的列表应用进行操作和自动化测试.ListView通常用于含有大量可选项的窗口,比如文件列表.清单等等.以下我们对QListV ...

  9. HTML表单事件,获取焦点时、失去焦点时、即将获取焦点时、即将失去焦点时、输入值时、选取文本时、表单元素的内容改变时、提交时....

    表单事件简介 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onfocusin 元素即将获取焦点时触发 onfocusout 元素即将失去焦点时触发 oninput 元素获取用 ...

最新文章

  1. core Animation之CAKeyframeAnimation(关键帧动画)
  2. 【字节流处理】linux下uint8转float的注意事项
  3. SpringBoot请求日期参数异常(Failed-to-convert-value-of-type-'java-lang-String'-
  4. CSS的单位及css3的calc()及line-height百分比
  5. 禁止遮罩层以下屏幕滑动----正解(更新版)
  6. AUTOSAR从入门到精通100讲(四十七)-车载以太网 SOME/IP-SOME/IP的概念
  7. VxWorks程序一下载就停住了
  8. roi计算_计算开放式硬件项目的ROI的6个步骤
  9. 其实程序员高工资,好多时候就是加班和自己硬撑出来的
  10. 文字识别(五)--自然场景文本检测技术综述(CTPN, SegLink, EAST)
  11. Lesson 05 for Plotting in R for Biologists
  12. 程序员做饭指南,GitHub教程来了
  13. 参考文献的引用的格式
  14. 图像预处理流程与方法
  15. 应用程序无法正常启动0xc0150002怎么解决
  16. 谈谈养老保险的那点猫腻 我愤怒了!
  17. Matlab调用动态链接库DLL文件
  18. 2023年NOC加码未来编程(小码王赛道)初赛-Scratch(小学低年级组-卷1)
  19. FIDE 全新编译体验,编译速度大幅提升
  20. 【DSA】树-哈弗曼树详解(3)

热门文章

  1. 《FLUENT 14.0超级学习手册》——第1章 流体力学与计算流体力学基础1.1 流体力学基础...
  2. JAVA计算机毕业设计宠物购物系统Mybatis+系统+数据库+调试部署
  3. 深度学习GPU卡的理解(一)
  4. 音频信号特征提取(1):短时特征之短时能量、短时功率、短时过零率
  5. 2023交易猫源码跳转APP
  6. 国家职业三级计算机,计算机程序设计员国家职业资格三级(高级) 试卷三.doc
  7. Ubuntu16.04安装搜狗输入法的正确姿势
  8. 企业二维码故障报修的过程演示
  9. Java学习----二维数组排序
  10. 侯捷C++->构造函数