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

原创 于 2023-09-15 12:32:32 发布 · 426 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue #js

博客指出同一Vue组件在不同位置使用时，出现一个光标正常、getSelection有数据，另一个无光标且getSelection无数据的问题。原因是有问题的组件某层元素写了user-select:none样式，去掉或覆盖该样式即可解决。

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

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

【iOS开发】解决iOS12和iOS13 WKWebView光标无法自动聚焦，弹出键盘问题
Hanrovey Blog
09-26 7472
参考链接：Programmatically focus on a form in a webview (WKWebView)添加链接描述 一、使用场景 因为UIWebview有个属性setKeyboardDisplayRequiresUserAction，这个属性设置false，就可以实现自动聚焦，代码如下： [webView setKeyboardDisplayRequiresUserActio...
移动端输入框填坑系列
Jack, what else can you do besides holding your little darling?
11-05 646
背景 需求预沟通 产品：我们需要做一个 IM，和微信一样 我：打扰了，走错片场了，你们继续，，，，，，， .... 我：这个需求虽然不合理，但是我还是接了。。。。。。 输入框 来来来，我们来想一下我们一天中使用频率最高的 App——微信，英文名是 WeChat，它的聊天界面长啥样子，输入框在最底部（不知道你什么反应，我反正当场就打开了 weibo，facebook， twitter 等等等的 mobile 端，就没有一个是把输入框放在最底部的，好的，我当场就对产品发动了强烈的反抗，当然依旧没
window.getselection()失效？
weixin_30294709的博客
08-09 1012
今天发现一个平常容易被忽略的问题。 当用window.getselection()时，必须在页面中点一下，这样页面才会获取一个selection值。 如果没有在页面中进行过任何点击操作，则getselection()是不起作用的。 可以用selection.type == 'None' 来判断。 转载于:https://www.cnblogs.com/dreamerm...
getSelection()获取光标位置，获取输入框的焦点
五花漏的博客
09-17 6298
获取输入框中光标的位置 getPosition(element) { //获得光标 var caretOffset = 0; var doc = element.ownerDocument || element.document; var win = doc.defaultView || doc.parentWindow; var sel; if (typeof win.getSelection != "undefined") { //谷歌、火狐 sel = win.getSel
js实现移动端复制功能；解决IOS系统复制功能兼容性问题；clipboard.js
weixin_45739770的博客
01-25 5437
1、问题描述 移动端生成链接，自动复制到粘贴板上，借鉴代码如下： 地址：js实现移动端复制功能_Lixw296182的博客-优快云博客 //复制 copyFun: function() { if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //区分iPhone设备 console.log('ios') ...
【ios bug解决】 输入框聚焦时光标不显示
weixin_30517001的博客
09-29 2301
解决办法：重写user-select样式 css: user-select: text;-webkit-user-select:text; 转载于:https://www.cnblogs.com/ivan5277/p/11608385.html
一款单位使用的工作通讯软件，在输入框输入内容时，光标突然跳转到输入内容的开头，且左右键无法调整光标位置，这是什么原因，怎么解决？
最新发布
07-29
首先，用户的问题是关于工作通讯软件输入框光标跳转到开头且无法用左右键调整的原因和解决方法。我需要基于系统指令和用户需求来构建回答。 系统指令回顾： - 所有行内数学表达式使用 $...$ 格式。 - 独立公式使用 ...
contenteditable元素的光标控制，自制emoji插件
wcghhk的博客
02-26 1394
最近有个自定义表情插件要放入移动端页面，折腾了几天，有了些成果，分享下。 关键两点点就是contenteditable元素光标设置，和保持该元素的输入状态。 先上几个API吧 getSelection ，他表示一个选中的文档片段，就是鼠标拖拽后蓝底白字的部分。包含了锚点Anchor，焦点Focus，范围range等信息 Range 是核心，range对象包含了片段的起点、终点、长度、节点等...
征服number类型的input框
qq_40479190的博客
11-01 2664
在移动端H5页面开发中，有时候会有一些数值输入方面的需求。如果需要让用户比较方便地输入小数、负数，最简单的方式是使用number类型的input框，输入时软键盘会切换为数字键盘方便输入（ios是带数字的全键盘，并允许1e5这类的表示方法）。但是在实际使用的时候会面临一个问题，当输入的内容不合法时，比如输入了1...2，此时input会设置自己的状态为invalid，并把value清空。我们可以在c
【前端】JS一本通
专注大前端
01-18 1340
转自https://www.liaoxuefeng.com/wiki/ 仅供个人学习 引入 1、放入<head> 2、从js文件引入 (更方便维护）
iOS11 input的光标错位
MaRain
01-15 6305
问题 原来测试好的登录模块，再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...
ios下input不能输入，没有光标的原因及解决办法
ys_healone的博客
09-13 2044
iphone7P输入框选择后无法输入，也没有光标闪烁，说实话觉得这个问题有点莫名其妙了，因为本身我的iphone14没有这个问题也没碰到过这种bug。开发中有时会设置-webkit-user-select: none;，用来阻止用户的选择内容行为，这会导致input无法选择，无法输入。
Safari浏览器兼容性问题处理
Hzwdddd的博客
01-07 8984
前言 作为一名菜鸡前端，我经常被safari的浏览器兼容性折磨，所以在此做一个曾解决过的兼容性问题总结，给日后不了解如何处理兼容性问题的前端同学提供一个思路。 低版本IOS Safari浏览器不兼容ES6语法 这是我首次跟safari浏览器打交道，在跟别的公司对接H5页面的时候发现的问题，他们的app最低可支持ios10的系统安装，他们的测试在用ios11.2的系统打开我们的H5页面时便出现了白屏，身边的同事也都没有用低版本的ios的，同时我也不知道页面报的是什么错误，此时一度陷入困境，在不清楚问题的情况下
contentEditable,window.getSelection详解---可编辑div，容器，设置/获取光标位置，光标处插入内容及光标的操作
BlackJunffg的博客
11-24 4526
文章原创作者：codingWeb 链接：https://blog.csdn.net/fesfsefgs/article/details/109540259 这周碰到一个东西，contentEditable ，它是用来指定一个元素是否是可编辑的，这也是富文本编辑器实现
HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
dulei_start的博客
09-19 475
function copyLinkToClipBoard() { if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备 window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效 var Url2=document.g...
完美解决javascript中IOS和android复制文本到剪切板问题
u011028557的博客
12-03 507
<div onclick="KCode()"> <p> <textarea id="kcode" >复制我</textarea> </p> </div> function KCode() { if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { window.getSelection().removeAllRanges();//.
document.selection和window.getSelection属性和方法详解
Truong的专栏
01-22 1万+
IE系列函数：     TextRange的常用属性与方法： 属性： boundingHeight 获取绑定TextRange对象的矩形的高度 boundingLeft 获取绑定TextRange 对象的矩形左边缘和包含TextRange对象的左侧之间的距离 offsetLeft 获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置 offsetTop 获取对
window.getSelection获取光标位置
01-21
### 使用 `window.getSelection` 获取网页中文本光标的准确位置 为了获取网页中的光标位置，可以使用 JavaScript 的 `window.getSelection()` 方法来获得当前的选择对象。此方法返回一个 Selection 对象，该对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值