ios点击输入框没有光标window.getSelection()长度为0

于 2023-09-15 12:32:32 发布
阅读量219 收藏
点赞数 1
分类专栏： js vue 文章标签： javascript vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web_xiaolei/article/details/132899598
版权
vue 同时被 2 个专栏收录
11 篇文章 0 订阅
订阅专栏
js
5 篇文章 0 订阅
订阅专栏

遇到这个问题了，同一个组件，放在不同的位置上使用，一个光标正常，点击输入的时候getSelection()也有数据，一个既没有光标，getSelection也没有数据。

问题是，有问题那个某层元素上写了user-select:none;这个会导致点击事件触摸事件啥的出问题。去掉这个，或者再写一个覆盖掉这个样式。就好了

Eva-rascal
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
parse-window.getSelection:一种使用html5窗口选择API解析window.getSelection的方法
05-17
parse-window.getselection 解析窗口获取选择，以获取选择内的文本和其他有用信息。用法 import parseNodes from "parse-window.getselection" ;const parseNodes = parseNodes ( ) ;示例演示代码： import React , ...
shadow-selection-polyfill:Safari中的shadowRoot.getSelection（）的Polyfill
05-01
适用于Safari 10及shadowRoot.getSelection()方法的Polyfill。 ！ Safari支持.attachShadow()创建影子根，但不支持在此根中检索用户选择。 您可以在其他将使用本机版本的浏览器（Firefox和Chromium）上安全地使用...
【iOS开发】解决iOS12和iOS13 WKWebView光标无法自动聚焦，弹出键盘问题
Hanrovey Blog
09-26 6966
参考链接：Programmatically focus on a form in a webview (WKWebView)添加链接描述 一、使用场景 因为UIWebview有个属性setKeyboardDisplayRequiresUserAction，这个属性设置false，就可以实现自动聚焦，代码如下： [webView setKeyboardDisplayRequiresUserActio...
js实现移动端复制功能；解决IOS系统复制功能兼容性问题；clipboard.js
weixin_45739770的博客
01-25 4915
1、问题描述 移动端生成链接，自动复制到粘贴板上，借鉴代码如下： 地址：js实现移动端复制功能_Lixw296182的博客-CSDN博客 //复制 copyFun: function() { if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //区分iPhone设备 console.log('ios') ...
【ios bug解决】 输入框聚焦时光标不显示
weixin_30517001的博客
09-29 2215
解决办法：重写user-select样式 css: user-select: text;-webkit-user-select:text; 转载于:https://www.cnblogs.com/ivan5277/p/11608385.html
iOS11 input的光标错位
MaRain
01-15 6168
问题 原来测试好的登录模块，再iOS11 的情况下 出现了 input 的 光标位置跑位的现象。 原因 原因出在 布局的时候使用了 position：fixed; 的问题 。再iOS端本身对position：fixed的支持就不是很好，会出现各种小问题，现在又出现了，input光标跑位的问题，所以布局还是少用fixed的情况 解决办法 我的登录模块是单独的模块，用 position：fi
关于window.getSelection
热门推荐
xiaoxu的博客
12-08 3万+
文章目录selection对象术语属性方法 window.getSelection()，返回一个Selection对象，表示用户选择的文本范围或光标的当前位置。 selection对象 先来看下面两个selection结果： selection对象一： selection对象二： 很奇怪，为什么同样选中一段文字，为什么selection对象的属性会不一样呢？ 那就需要明确一下Selection...
input输入框获取js点击文字内容无jquery.zip
11-16
当用户点击输入框时，可以读取`value`来获取当前文本： ```javascript const currentValue = inputElement.value; ``` 3. **选中文本范围**：在JavaScript中，`selectionStart`和`selectionEnd`属性可以用于获取...
vue项目中在可编辑div光标位置插入内容的实现代码
10-15
它使用了`window.getSelection()`和`document.createRange()`等DOM API来获取当前的选区和创建新的文本范围。然后删除原有的选区内容，创建一个新的文档片段（`documentFragment`），将HTML内容添加到片段中，最后将...
JS将光标聚焦在文本最后的实现代码
12-04
`e.value.length`获取输入框中的文本长度，所以这一步是将范围设置为从输入框末尾开始。 4. `r.collapse(true);`：这一步将文本范围的结束点与起始点重合，即收缩文本范围到单个位置，也就是输入框的末尾。 5. `r....
使用window.getSelection 或document.selection.createRange()获取鼠标选中的内容；
boss_way的博客
07-22 2206
使用window.getSelection()获取div中选中文字内容及位置 οnmοuseup=function () { if (window.getSelection) { 　　　　　　　　　　　　　var text = window.getSelection().toString(); //选中文字 　　　　　　　　　　　　　v...
document.selection和window.getSelection属性和方法详解
Truong的专栏
01-22 1万+
IE系列函数：     TextRange的常用属性与方法： 属性： boundingHeight 获取绑定TextRange对象的矩形的高度 boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的距离 offsetLeft 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置 offsetTop 获取对
getSelection和range的笔记
小漠007的专栏
10-24 2611
div contenteditable光标测试 .div { width: 600px; height: 200px; border: 1px solid #CCC } $(document).ready(function(e) { $('.toEnd').click(f
window.getselection
最新发布
03-16
window.getSelection是JavaScript中的一个方法，用于获取用户在页面中选择的文本。它返回一个Selection对象，该对象包含了用户选择的文本信息，如选中的文本内容、起始位置和结束位置等。可以通过该方法来实现一些...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值