关于IOS下的内嵌HTML5的input元素输入文本后无法获取值的问题

最新推荐文章于 2022-07-25 20:46:43 发布
原创 最新推荐文章于 2022-07-25 20:46:43 发布 · 1.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文探讨了在网页中使用jQuery操作带有特定ID和类的输入框，展示了如何获取输入框的值及属性，同时记录了在iPhone6上进行测试时遇到的问题。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看
示例截图

有引入jQuery

有一个输入备注的input

<input id="text" class="textClass" placeholder="remark(max to 20)">

弹框

alert("val:"+$("#text").val()+"//_attr_"+$("#text").attr("value")+"\r\n_CLASS_"+$(".textClass").val()+"//_attr_"+$(".textClass").attr("value"));

实际使用iPhone6输入“我说你也来回哪去”

此处做记录，实际原因待查

webkit控制存在，或者页面元素存在多个

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看
IOS系统中微信、浏览器、手机端输入框input无法输入
ice_cream__的博客
07-05 1785
，阻止了用户的选择内容行为，会导致一些“内容可编辑”标签无法正常使用，比如input、textarea。该属性是用来禁止用户进行复制选择的，这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：(APP内嵌H5、浏览器，在弹窗中的input框无法输入，最多只能输入一个字，并且无光标。是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点。属性的元素（不论这个属性的值是什么）。按照给定的属性，选择所有匹配的元素。会同时匹配 <span>
ios上input无法输入值的解决办法
热门推荐
zhanglijiang_2017的博客
07-17 2万+
鉴于自己遇到的坑，被气到了，写一篇文章给大家参考。 页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式，最开始百度找的答案是说body里设置了 -webkit-user-select: none;我把这个改掉，还是不行。最终解决方案是在input的父类加上-webkit-user-select:text !...
html中js调用input的id,name正确但是读不出值
blh5603的博客
08-12 1014
原因是 type="number"，改为 type = "text",
Safari 点击事件 event.path 为 undefined不存在
没有名字适合我的博客
08-30 2469
场景： 此处需要 获取触发事件元素冒泡过程的所有元素即使用event.path属性。 然而在 Safari 的点击事件中，event.path 属性不存在。 资料： 在一些社区表示，IE11 和 Legacy Edge（v44 或更早版本，在从 v79 开始的 Chromium 更新之前）都不支持path或composedPath。火狐支持composedPath。Chrome 支持path（这是 Google 的最初想法）和composedPath。根据 MDN的composedPath描述，截至 202
解决微信内嵌浏览器无法响应<input type='file'>上传文件的思路
wang_quan_li的专栏
04-04 4722
最近公司做了一个微信公共账号,公共账号内嵌了一个公司的wap网站. 网站中有一个功能,可以上传文件,在普通手机浏览器中使用无问题,但是通过微信打开,发现凡是的文件选择框, 点击都没有响应,也就是无法上传文件. 百度搜索了一下,发现不少同学都遇到了这个问题,基本确认是微信android版内嵌浏览器的问题.(ios版可以正常使用) 可以参考以下: http://www
delphi 安卓 按钮 web input 无效_小猿圈WEB前端之HTML5+CSS3面试题（二）
weixin_42546508的博客
01-15 169
上次小猿圈web前端老师讲到关于HTML5+CSS3面试题，因为篇幅有限，只写了其中的一部分，下面我们就了解余下关于HTML5+CSS3面试题的内容。一、消除transition闪屏.css{ /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/ -webkit-transform-style: preserve-3d; /*(设置进行转换的元素的背面在面对用户时是否可见：隐藏)*/ -web...
iOS html5 键盘 小数点,在移动端内嵌H5页面中数字框调用数字键盘，且只允许输入0-9和小数点的总结...
weixin_36128239的博客
06-07 1647
最初是想要在H5页面中输入数字的时候调起数字键盘，且只能输入数字和小数点，并且小数点后最多保留两位小数实践证明：1.input：type = 'number'时， 当输入的为非法数字 例如包括-+等，则在取value的值时判断为非数字就会将value自动置为‘’，且在ios中number类型不能成功调起数字键盘，需要使用pattern调取数字键盘，但是此时系统键盘没有小数点type = 'tel'...
移动端问题列表
小羽向前跑
02-25 483
伪类 :active 生效 要CSS伪类 :active 生效，只需要给 document 绑定 touchstart 或 touchend 事件 &lt;style&gt; a { color: #000; } a:active { color: #fff; } &lt;/style&gt; &lt;a herf=foo &gt;bar&lt;/a&gt; &lt;script&g...
ios通过html打开app并传参,HTML 5+与原生iOS交互传参问题
weixin_31845243的博客
06-19 473
前段时间刚好用到mui框架，发现该框架不是很成熟，想要通过Native.js实现交互，只有安卓可以直接用到，iOS端给出的建议是通过插件的方法来执行。由于插件的方法本人也在摸索中，现在整理另一种交互方式：通过Notification监听。这种方式，官网白皮书文档给出了说明，本人之前就是一直卡在传参，原生怎么给HTML中传参？原生代码获取不到PDRCoreAppFrame，网上也能找到网友提供的获取...
HTML5学习笔记
橘颂的博客
07-25 450
学习笔记
苹果手机访问html文件路径,关于H5页面在iphone手机safari浏览器window.open部分位置失效的问题...
weixin_39668571的博客
06-21 1502
场景最新在做一个H5功能，做附件下载。适用场景: 新窗口打开一个连接。思路根据附件id查询出附件地址之后，利用 window.open(failUrl) 打开新窗口来下载附件。现象安卓手机所测试的常用浏览器基本上都没问题，唯独iphone手机自带的safari浏览器不生效。解决办法对safari浏览器做特殊判断。判断safari浏览器的方法/* 判断是否是ios手机safari浏览器打开的 */e...
input框在ios中文输入法下无法取值解决方案
qq_40031303的博客
03-19 1641
我们在移动端h5使用input在v-model双向数据绑定时候，ios的中文输入下输入英文却没有确认，直接换行的情况下取不到该输入框的值，这是个坑。 解决方式 在input上多加个change事件，用dom的方式赋值 代码如下： <template> <input id="js-input" type="text" @change="inputChange" placeholder="输入账号" v-mode
ios html5 input,H5 - input标签iOS原生键盘中文录入异常
weixin_42659791的博客
06-11 375
最近在input搜索框中添加正则时发现，iOS原生键盘录入中文总是录入异常，安卓手机无异常，出现异常的写法：htmlmaxlength="30"onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">处理之后：htmlmaxlength="30">js//实时录入时通过正则剔除特殊字符(只能输入中文数字字...
ios系统上input输入框无法输入值的解决办法
weixin_43642423的博客
11-08 1万+
有好多做手机端网页开发的朋友常常遇到这种问题,就是苹果系统不能在输入框输入值只要在input 上面加上css样式-webkit-user-select:text !important 或者在父类加上这个样式就可以了 ...
IOS系统兼容input keyup事件
weixin_30492047的博客
04-09 505
最近在做移动端模糊搜索功能，js监听input的keyup事件，在chrom模拟器和android手机环境运行都没有问题，到了ios手机却出现bug，没法实现功能； 查了好一会资料，发现keyup事件在ios系统下存在不兼容问题，解决的方法是通过 html5的 oninput事件来实现，代码如下； <input id="input" type="text" /> do...
iOS原生vc如何获取html文本框中输入的内容
weixin_45909656的博客
06-01 455
iOS原生vc如何获取html文本框中输入的内容 创建一个简单的html文件，用于测试，实现h5的输入框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>input Test</title> </head> <body> <input type="text" id="a" value="test title"/> </b
H5页面镶嵌到安卓，报错:undefined is not a function错误解决
qq_38918953的博客
09-09 3224
描述：在网页调试时，没有报错，去安卓端后报错，并且不发送请求，排除安卓端错误后，发现是安卓端不支持FormData.get(‘url’)的函数。 解决思路： 1.逐渐缩小范围，定位问题 2.在该功能的每一个函数前后都加上打印，看函数执行到哪里停止。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值