当编辑内容改变是后 选中内容 Range 的startOffset会被重置
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会被重置相关推荐
- java二维数组从键盘更改_互换二维数组的行列。要求数组的行数、列数以及各元素均从键盘输入;输出互换前数组内容和互换后数组内容。(要求循环输入进行测试)Java...
1. 互换二维数组的行列.要求数组的行数.列数以及各元素均从键盘输入:输出互换前数组内容和互换后数组内容.(要求循环输入进行测试) package com.mingrisoft; import jav ...
- 抓取html的内容,js获取网页选中内容(包含html代码)
例子,js获取网页选中的内容. 复制代码 代码示例: function getSelectedContents(){ if (window.getSelection) { //chrome,firef ...
- input标签内容改变的触发事件
1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或 ...
- vscode 选中后相同内容高亮插件推荐
vscode 选中后相同内容高亮插件推荐 本文主要就是推荐下这款插件,毕竟编辑器本来的选中颜色 不是很清楚.下面的设置,在插件的介绍文档中都有. 下载插件 highlight-icemode 配置插件 ...
- 有关input输入框内容改变后的触发事件
有关input输入框内容改变后的触发事件,也是今天遇到的问题.我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应.百度了半天,最后才发现问题所在. ...
- 点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
- Vim-复制选中内容至系统剪贴板,光标移动到指定行的行首和行尾
1.全选并复制到系统剪贴板 ggVG或ggvG 然后 "+y gg 让光标移到首行,在vim才有效,vi中无效 V 是进入Visual(可视)模式 G 光标移到最后一行 "+y 复 ...
- listview qt 选中内容_演练: 操作Qt应用中的QListView
演练:操作Qt应用中的List 背景 需要针对Qt的ListView组件开发的列表应用进行操作和自动化测试.ListView通常用于含有大量可选项的窗口,比如文件列表.清单等等.以下我们对QListV ...
- HTML表单事件,获取焦点时、失去焦点时、即将获取焦点时、即将失去焦点时、输入值时、选取文本时、表单元素的内容改变时、提交时....
表单事件简介 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onfocusin 元素即将获取焦点时触发 onfocusout 元素即将失去焦点时触发 oninput 元素获取用 ...
最新文章
- core Animation之CAKeyframeAnimation(关键帧动画)
- 【字节流处理】linux下uint8转float的注意事项
- SpringBoot请求日期参数异常(Failed-to-convert-value-of-type-'java-lang-String'-
- CSS的单位及css3的calc()及line-height百分比
- 禁止遮罩层以下屏幕滑动----正解(更新版)
- AUTOSAR从入门到精通100讲(四十七)-车载以太网 SOME/IP-SOME/IP的概念
- VxWorks程序一下载就停住了
- roi计算_计算开放式硬件项目的ROI的6个步骤
- 其实程序员高工资,好多时候就是加班和自己硬撑出来的
- 文字识别(五)--自然场景文本检测技术综述(CTPN, SegLink, EAST)
- Lesson 05 for Plotting in R for Biologists
- 程序员做饭指南,GitHub教程来了
- 参考文献的引用的格式
- 图像预处理流程与方法
- 应用程序无法正常启动0xc0150002怎么解决
- 谈谈养老保险的那点猫腻 我愤怒了!
- Matlab调用动态链接库DLL文件
- 2023年NOC加码未来编程(小码王赛道)初赛-Scratch(小学低年级组-卷1)
- FIDE 全新编译体验,编译速度大幅提升
- 【DSA】树-哈弗曼树详解(3)
热门文章
- 《FLUENT 14.0超级学习手册》——第1章 流体力学与计算流体力学基础1.1 流体力学基础...
- JAVA计算机毕业设计宠物购物系统Mybatis+系统+数据库+调试部署
- 深度学习GPU卡的理解(一)
- 音频信号特征提取(1):短时特征之短时能量、短时功率、短时过零率
- 2023交易猫源码跳转APP
- 国家职业三级计算机,计算机程序设计员国家职业资格三级(高级) 试卷三.doc
- Ubuntu16.04安装搜狗输入法的正确姿势
- 企业二维码故障报修的过程演示
- Java学习----二维数组排序
- 侯捷C++->构造函数