jquery 判断selection range 是否在容器中

最新推荐文章于 2023-02-12 23:21:19 发布
最新推荐文章于 2023-02-12 23:21:19 发布
阅读量995 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ISaiSai/article/details/51654640
版权

判断当前选中区域是否在某个父容器中得方法：

var range = document.getSelection().getRangeAt(0); 
if($(range.startContainer).parents("XXXX").length >0)
{
  在XXX 容器中
}
只使用jQuery实现简单功能富文本编辑器[关于selection和range的进一步理解运用]
qq_32845305的博客
06-01 600
只使用jQuery实现简单功能富文本编辑器[关于selection和range的进一步理解运用]目的功能要求思路一阶段二阶段更新后的全部代码 目的 在上一篇文章中简单实现了一个文本编辑的功能,但是仅仅只是使用了自带的命令进行操作,基本上是没有其他更深入的运用,所以在此基础上,想通过一些简单的操作来稍微深入的使用一下富文本操作中的selection和range对象. 功能要求 在编辑区域输入一些文字，例如“12345” 选中几个字，例如选中“234” 鼠标点击页面空白处，即非编辑区域 点击“B”加粗按钮
【Vue组件】从零开始实现一个支持插入自定义表情的评论组件
零信号的博客
10-12 977
  近期由于产品迭代，需要新增一个评论功能，且需要支持插入自定义表情。评论功能很多人一开始跟我一样，第一个想到的就是用textarea，但是textarea是不支持的插入图片的，因为我们的表情包是以图片的形式插入文本中的，所以这里是使用HTML5的新特性contenteditable，让div里的内容变成可编辑的。 先看下效果图： 组件功能： 支持插入自定义表情 字符验证，超出部分自动切割（以字符进行计算，不是以长度进行计算，一个中文2个字符，一个字母1个字符，一个表情4个字符）,因为我们公司业务是使用
jquery 判断selection range 是否在容器中的简单实例
12-11
判断当前选中区域是否在某个父容器中得方法： var range = document.getSelection().getRangeAt(0); if($(range.startContainer).parents("XXXX").length >0) { 在XXX 容器中 } 以上这篇jquery 判断selection range 是否在容器中的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
扩展jQuery高亮网页中的文本选中
weixin_30917213的博客
05-29 190
<script type="text/javascript"> //1。扩展jQuery $.fn.selectRange = function (start, end) { var curObj = $(this).get(0); if (!curObj) return; else if (...
Web APIs 之 Selection对象和Range对象
weixin_45092437的博客
02-12 1032
Selection对象存储了用户在网页上选择的文本范围或者光标符号的位置等信息，代表网页中的文本选区，可能横跨多个元素，包含文本、图片等等。文本选区是由用户点击鼠标左键并拖拽鼠标选中页面内容产生的，也就是指页面上变成蓝底的那一部分内容。 Range对象表示一个包含节点与文本的文档片段，通常与Selection对象结合使用，Selection对象选中的文本选区所对应的文档片段，就是一个Range对象。
在可编辑div中插入文字或图片解决思路与实现步骤
09-25
在Web开发中，实现用户在网页上直接编辑内容的需求很常见，尤其是在论坛、博客和在线文档编辑器中。通过使div元素可编辑，并且能够插入文字或图片，开发者能够创建更丰富的用户交互体验。以下是针对“在可编辑div中...
jQuery学习笔记
丑小鸭变黑天鹅的博客
03-02 1284
jQuery学习笔记一、初识jQuery1、是什么？2、为什么使用？3、如何使用二、jQuery的使用1、jQuery函数 ：$ / jQuery2、jQuery函数的使用1、核心函数2、核心对象3、使用jQuery核心函数1、选择器2、基本选择器3、层次选择器4、过滤选择器5、常见效果-表格隔行变色6、表单选择器4、工具方法5、常见效果-多Tab点击切换6、 一、初识jQuery 1、是什么？ 一个JS函数库: write less, do more 封装简化DOM操作(CRUD) / Ajax 2、为什
JavaScript中textRange对象使用方法小结
12-11
JavaScript中的TextRange对象是DHTML（动态HTML）中用于处理文本的一个强大工具，它允许开发者在HTML文档中...因此，在跨浏览器的JavaScript开发中，可能需要使用像jQuery或其他库提供的兼容性解决方案来处理文本范围。
使用 window.getSelection() 方法获取鼠标划取部分的起始位置和结束位置的问题
xiangshui021的博客
06-14 3819
乔布斯掌权时代的iPhone以精湛的做工受到广泛的关注，也受到了大量的果粉追捧。iPhone4S的黄金尺寸设计，再到iPhone5s的巅峰状态，但是iPhone6的横空出世似乎打破了苹果公司在工艺方面的追求。虽然iPhone6及其iPhone6 Plus的销量比前几代产品都要高 （原因受安卓大屏冲击的影响，果粉对大屏手机的欲望愈加的浓烈），但是收到广泛吐槽也是最多的。大白条，尤其是突出的摄像头，乔
js鼠标获取区域文本
rainyspring4540的专栏
12-01 1397
感谢文章：http://www.cnblogs.com/yigeqi/p/3988705.html 这里写下关键的代码： js获取鼠标选中的文字 <!-- function SelectText() {  var txt = window.getSelection?window.getSelection():document.selection.cre
Dom Range 获取选中元素，window.getSelection 配合 range 选中内容
XS_MA的博客
11-14 2915
range 获取选中元素，window.getSelection 配合 range 选中内容 实例代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te...
可编辑div光标位置
01-25 4481
参考： https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection https://developer.mozilla.org/en-US/docs/Web/API/Selection/getRangeAt https://developer.mozilla.org/en-US/docs/Web/API/S
Jquery获取鼠标位置和判断鼠标是否在DIV中
热门推荐
q290057637的博客
11-28 1万+
//获取鼠标位置 $(document).mousemove(function(e){ x = e.pageX; y = e.pageY; }); //x的值相对于文档的左边缘。y的值相对于文档的上边缘 //x,y是全局变量; //判断鼠标是否在某DIV中 var div = $('.dream');//获取你想要的DIV var y1 = div.offset(...
Selection对象
一个有味道的Weber
09-29 1375
Selection对象Selection对象一般由window.getSelection()或其他方法产生。它代表页面中的文本选区，可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。如果你想了解关于其他容纳纯文本的表单元素中的选区操作 Selection对象所对应的是用户所选择的 ranges （区域），俗称拖蓝。默认情况下，该函数只针对一个区域，我们可以这样使用这个函数 var selO
selection标签html,JavaScript标准Selection操作，对页面文件选取操作
weixin_36255898的博客
06-21 1967
1、getRangeAt(index)：从当前selection对象中获得一个range对象。index：参考rangeCount属性。返回：根据下标index返回相应的range对象。2、collapse(parentNode, offset)：将开始点和结束点合并到指定节点(parentNode)的相应(offset)位置。parentNode：焦点(插入符)将会在此节点内。offset： 取...
jquery判断某个元素是否在数组中
最新发布
05-11
可以使用 jQuery 的 `inArray()` 函数来判断某个元素是否在数组中。该函数的语法如下： ```javascript jQuery.inArray(value, array) ``` 其中，`value` 是要查找的值，`array` 是要查找的数组。如果 `value` 在 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值