android H5+app混合应用之 - contenteditable属性

最新推荐文章于 2025-03-04 16:14:16 发布
最新推荐文章于 2025-03-04 16:14:16 发布
阅读量3.8k 收藏 1
点赞数
分类专栏： 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fengri5566/article/details/22035331
版权
本文探讨了在Android H5与APP混合应用中遇到的contenteditable属性问题，特别是在Android 4.1.2及以下版本的兼容性挑战。在商品价格输入场景下，contenteditable属性用于解决input定宽导致的排版问题，但在低端Android设备上可能无法正常工作，如无法输入或光标定位错误。作者提供了测试代码，并指出在iOS上的测试未进行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

现在是智能终端遍天下，各种APP如雨后春笋般，掘地突起。这让我们做前端的兄弟姐妹们有些忙不过来，一边忙学习各种新知识如H5、CSS3、JS 等，一边面对着各种需求问题，PC端好不容易能弄的差不多了，现在APP的问题又来了！今天所说的问题正是其中这一，即android低端机（一般来指android4.0以下版本的机器）的问题！

contenteditable属性

contentEditable属性用来表明一个元素是否处于可编辑的状态.其属性值有以下几种:

true,或者是一个空字符串,表明该元素可编辑.

最低0.47元/天 解锁文章
uniapp - editor 富文本的使用
每天都要努力学习哦~~
01-27 4933
标签增加属性 data-local，delta 格式内容中图片 attributes 属性增加 data-local 字段，该值为传入的临时文件地址。富文本组件内部引入了一些基本的样式使得内容可以正确的展示，开发时可以进行覆盖。需要注意的是，在其它组件或环境中使用富文本组件导出的html时，需要额外引入。从技术本质来讲，这个组件仍然运行在视图层webview中，利用的也是浏览器的。第二参数是方法的回调函数，参数是指定的相关节点信息。（初始时，选择器仅选取页面范围的节点，不会选取任何自定义组件中的节点）。
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 8193
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
android editable 光标,contenteditable 仿造input 光标定位
weixin_36018119的博客
05-26 273
背景：在初次使用contenteditable写可输入的div模块，当需求要求输入限制字数，还要光标正常的情况来模拟input直接上demo，用vue写的(框架不重要)，demo中用了vant的toast,css注意下是sass如果你了解vue,可以直接搭建一个demo项目，然后复制下下面的代码运行起来就能看到效果搭建demo可以参考我之前的文章https://segmentfault.com/a...
contenteditable属性介绍，使用contenteditable实现文本域输入框功能
最新发布
weixin_48644617的博客
03-04 1405
contenteditable 是 HTML 的一个全局属性，它允许用户直接在网页上编辑元素的内容，就像在文本编辑器中一样。下面从基本概念、使用方法、属性值、浏览器兼容性、使用场景、注项和应用示例几个方面详细介绍。
苹果手机IOS中div contenteditable=true 仿文本域无法输入编辑
weixin_34051201的博客
11-21 927
问题：      在苹果手机IOS中 contenteditable="true" 做文本域输入，点击可以弹出键盘但是无法输入，安卓都正常。      经测试后，记得加一个样式 -webkit-user-select:text 就可以了。         ...
IOS由于Fastclick导致contentEditable无法聚焦
soft_z1302的博客
10-17 2644
1. 问题描述 在IOS浏览器，用div模拟textarea实现可换行的编辑输入文本，在Vue条件下加入了fastclick防重点击，fastclick判断ontouchstart条件看是否是移动端，若是移动端则进行相应的事件绑定，移动端点击触发的顺序ontouchstart => ontouchend => click,由于在ios条件下ontouchend方法若needsClic...
IOS中div contenteditable=true无法输入
fang562878311的博客
01-09 5099
在IOS中中点击时可以弹出键盘但是无法输入。加一个样式-webkit-user-select:text就可以了。
Sakura美化
wallleap
03-31 4557
文章原地址在：我的博客 接上次的文章 闲着也是闲着，不如搭个免费的博客玩玩 文章目录0、前言目录和文件分析代码插入位置1、博客原有功能修改不讲了的导航栏中的关于导航栏中的客户端导航栏中的RSS每个页面中的顶部图片文章上面和首页文章列表的图片清单下的番组清单下的歌单和左下角悬浮歌单友链添加2、添加标题恶搞3、添加鼠标单击特效4、鼠标滑过的特效5、背景显示飘动的彩带6、背景添加动态线条，随鼠标动7、樱...
iphone分屏功能怎么用_用 iPhone 在微信打字，该怎么换行？
weixin_39562554的博客
10-26 535
用 iPhone 的同学都知道，每次在打字的时候，经常误把键盘右下角的「发送」当成「回车键」来用。哎妹：你咋知道我总按错？这不是你一个人的问题...不过「换行」这个事，苹果在自家的软件上做的还不错。像是短信备忘录都是直接右下角点击「换行」即可；而在微信、QQ 等部分第三方软件中，使用自带输入法是无法直接换行的，键盘上只有发送按键，那么这时候该怎么办呢？今天，我就给大家安利一波 iPhon...
ios contenteditable=true 无法输入
DreamFJ的博客
07-07 447
解决： 　　1.添加样式-webkit-user-select:text 　　2.如果引入了fastclick，需要添加个类名needsclick 　　　　来源于知乎（https://www.zhihu.com/question/30532764/answer/48460036） 　　　　原因是与fastclick机制冲突了，当时可把自己陷阱去了。。。 转自：https://www.cnblogs.com/lanshengzhong/p/7895372.html 参考：https://www..
ios下contenteditable无法出现光标打字问题修复
CloudJay的博客
01-22 920
需要在该元素上添加以下css .class[contenteditable] { -webkit-user-select: text; user-select: text; }
类似qq空间评论输入框带插入表情demo
01-31
采用js实现了类似qq空间输入框加入带表情的文本框，类似qq空间评论输入框带插入表情demo
uiwebview 编辑html5,ios – 在UIWebView中的contentEditable/designMode时自动滚动
weixin_39528559的博客
06-17 195
经过几个小时的研究,我找到了一个更好的解决方案,所以我以为我会分享.在iOS 5的contentEditable实现中有一个bug,其中scrollView不会用插入符滚动.如果使body body(或任何动态大小的元素)contentEditable,插入符号将始终关闭屏幕.如果将可编辑的div设置为overflow：滚动,则会注意到div将滚动.默认情况下,div的滚动不会“反弹”或滚动条,但...
ios系统contenteditable=“true“无法输入
weixin_49295874的博客
11-22 2233
<view class="scrollY"> <scroll-view scroll-y class="scrollView"> <view style="height:250rpx" contenteditable="true" v-html="form.companyInfo" id="companyInfo"></view> </scroll-view> </view> this.form.company
iOS下div contenteditable=true无法输入解决办法
bluelotos893的博客
08-22 4841
首先是要加一个给可编辑的div加一个样式-webkit-user-select:text，因为div里面可能还有子元素，所以需要这样写： div{ -webkit-user-select:text; height:auto; } div *{ -webkit-user-select:text } 有滚动条的时候会变得体验不好，输了文字后不显示等异常情况，所以尽量不要把可...
uniapp - 属性记录
sunraining1的专栏
12-28 178
属性：box-sizing、 box-sizing：https://www.runoob.com/cssref/css3-pr-box-sizing.html 允许你以某种方式定义某些元素，以适应指定区域。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度（最.
contenteditable属性浏览器支持情况（基本支持）-工作草稿
dengqi4009的博客
05-08 365
contenteditable attribute (basic support) - Working Draft Global user stats*: Support: 86.71% Partial support: 0.32% Total: 87.03% Method of making any HTML element edita...
如何基于uni-app的editor开发一个简单的富文本编辑器
花儿为何这样红
07-09 7494
近期做的一个项目中，需要能够让用户在移动端进行富文本编辑。但翻遍全网也没找到一个合适的组件，要么太重、要么又重又老。所以自己基于uni-app的editor组件二开一个简单的富文本编辑器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值