katalon富文本div标签带有contenteditable=“true“元素的，无法输入内容

原创 已于 2023-10-20 19:14:26 修改 · 389 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#测试工具 #功能测试 #selenium

于 2023-07-28 11:16:08 首次发布
在处理一个带有contenteditable属性的div标签时，遇到了无法输入内容的难题，尽管元素定位正确且无脚本错误。尝试了WebUI.setText和sendKeys方法，包括使用Keys.chord(Keys.TAB)来切换焦点，但问题依然存在。sendKeys能输入英文，但输入中文的功能未正常工作。目前寻求解决方案中。

最近遇到给富文本输入内容，无法输入，脚本没报错，元素定位也没问题，百度搜索了div标签带有contenteditable="true"的，定位到这个标签就行，但还是无法输入

尝试先WebUI.setText(findTestObject(''), Keys.chord(Keys.TAB))，再setText依旧没用

可以使用sendKeys代替sendText，缺点是能输入英文，但还是无法输入中文

qq_44186609
关注
contenteditable=“true“可编辑div字数限制
m0_56772756的博客
09-18 1442
实现可编辑div的字数输入限制：字数满5000字后英文输入法字数限制；字数满5000字后中文输入字数限制；字数满5000字后数字读法字数限制；字数满5000字后替换读音字数限制；字数满5000字后键盘粘贴字数限制；字数满5000字后鼠标粘贴字数限制；字数满5000字后托选内容后可以输入中文、英文、特殊字符；字数满5000字后托选内容后可以进行粘贴，依旧会以5000字的限制将粘贴内容进行剪裁；输入内容达5000字后可以删除，键盘上下左右键可以移动；粘贴内容时若粘贴后总字数会超过5000字，则会对粘贴内容进行剪
js更改input文本框的value值，无法触发input的onChange，onInput事件，解决方案
韩旭的博客
10-29 9358
在文章的开头，我们需要了解一下 change: 当元素的值发生改变、文本框失去焦点（无法实时更新）会触发 change 事件。 input: 当文本框的值发生改变、存在焦点时（实时更新），会触发 input事件。 那么什么样的环境会触发我们的标题行为呢？ <input id='inp'/> <script> var inp = document.getElementById('inp') // 首先要了解的是 此时变更value值是无法触发change和input事件的 i
iOS下div contenteditable=true无法输入解决办法
bluelotos893的博客
08-22 4918
首先是要加一个给可编辑的div加一个样式-webkit-user-select:text，因为div里面可能还有子元素，所以需要这样写： div{ -webkit-user-select:text; height:auto; } div *{ -webkit-user-select:text } 有滚动条的时候会变得体验不好，输了文字后不显示等异常情况，所以尽量不要把可...
标签 contenteditable=true 属性模拟input输入框
shang_GQ的博客
07-27 4912
&lt;div contenteditable="true"&gt;这里是输入的文字&lt;/div&gt; 如上面的这段代码自己在用的时候发现在苹果的safri浏览器中不能编辑，其他的浏览器都是没问题的，于是我就查了好多资料发现解决这个问题的方法就是增加 style="-webkit-user-select: auto"属性 如：&lt;div contenteditable="true" ...
ios 下div contenteditable=true无法输入解决办法及富文本无法输入
weixin_30726161的博客
06-19 710
一、问题描述： 　　Android 、pc、下可以正常使用，在ios下可以拉起输入框但是无法输入 　　 <div contenteditable="true" ></div> 二、解决方法： 　　给div新增以下全局样式 div{ -webkit-user-select:text; height:auto; } div ...
IOS中div contenteditable=true无法输入 fastclick.js在点击一个可输入的div时，ios无法正常唤起输入法键盘...
weixin_30645617的博客
09-17 514
原文地址： https://blog.youkuaiyun.com/u010377383/article/details/79838562 前言 为了提升移动端click的响应速度，使用了fastclick.js这么一个库。 这个库导致这个可编辑的div被点击无法轻松的唤起输入法。 长按才能成功。div的一个contentEditable=”true” 解决方案 首先：再你的编辑器中增加一个class属性。我...
当div设置contentEditable=true时,重置其内容后无法光标定位
01-18
当输入内容超过限制的时候，清空用户输入超过限制后的内容。   这个好说… 但是清空完了内容，光标居然跑到了最前面，这就很头疼了。 在经过各种搜索之后，找到了解决办法，不多说，上代码！ var _div = document....
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
12-11
在 vue2 中对表单控件有着良好的双向数据绑定机制，但是对于要特定实现某些功能的输入时，我们就不得不使用到 contenteditable=”true” 的 div ，而在这个 div 上是使用 v-model 是没有效果的。那么问题就来了，...
Vue中div contenteditable 的光标定位方法
11-30
在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框 在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后 function keepLastIndex(obj) { console.log(obj) console....
对富文本中的内容特定元素（span和div等）进行tab键和shift+tab的聚焦操作（暴扣光标的位置移动）
Caroline_Yang的博客
11-05 672
首先禁止掉原有的tab识别的input元素和a还有select之类的tab识别事件， //对原生input和a标签 禁止tab键的指定跳转 $('#tinymce_ifr').contents().find("input").each(function() { $(this).attr("tabindex", -1); }); $('#t
自己动手实现简易的div可编辑富文本框及按下tab键后增加4个空格功能
踩坑小王子
02-12 5724
需求分析：最近需要制作一个简单的用户评论输入框，在网上找了一些富文本输入框，但是它们的功能太多，不适合自己的需求，于是决定自己动手实现一个简易的富文本输入框。第一步：想要实现富文本输入框并不是难事，在&lt;div&gt;标签内加入   contenteditable="true" ，这个div元素就可以编辑了，而且它的innerhtml 就是保留格式的html文本。第二步：只需要写一些css代码...
div 可编辑_contenteditable跟style标签可真是天生一对
weixin_39819576的博客
11-28 486
contenteditable是html的一个全局属性，可以大致理解为"可以使一个元素处于可编辑状态"，像极了textarea，不过还是存在许多不足跟问题，比如没有change钩子等，本文不作深入探讨❌01开胃使一个div可以进行内容编辑：contenteditable>点击我进行编辑乍一看，好像很普通，但是它可以解决一个textarea的一个痛点，那就是可以自适应高度，texta...
selenium向带有contenteditable=true的标签输入内容
qq_43457461的博客
08-05 1833
selenium向带有contenteditable=true的标签输入内容
div添加contentEditable=true的坑
Jennie的专栏
10-13 1787
div添加contentEditable=true;回退键backspace无法删除光标左侧的文字，但是，delete键可以删除光标右侧的文字。 查了资料（资料的链接：https://www.cnblogs.com/CherishTheYouth/p/CherishTheYouth_1105.html），启发我了。给这个元素添加keydown的事件监听，阻止冒泡就解决了问题。
关于contenteditable = true中光标异常判定的解决方法
qq_40975831的博客
03-19 3530
<template> <div class="edit-div" v-html="innerText" :contenteditable="canEdit" @focus="isLocked = true" @blur="isLocked = false" @input="cha...
【JS】js下监听（非input等可获取焦点）元素的键盘按下事件(vue通用)
mooonyuan的博客
03-13 2587
大部分键盘按下事件的监听是可获取焦点元素（input，button，textarea）可以生效，而当我们需要对不可获取焦点元素进行监听操作呢，本篇介绍一下不可获取焦点元素监听键盘按下的方法。 三种方式（以下介绍方法vue通用） 全局监听按键按下事件 使用tabindex 使用contenteditable 本文案例功能： 当点击open时，open变为close，class改变 当点击c...
CSS textarea高度自适应的另类实现（HTML5 contenteditable）
japlus的博客
03-06 923
介绍 textarea相较于input输入框多了换行的功能。 但是有些场景设计下（尤其是移动H5的需求），希望输入框高度开始只有一行高，输入文字换行后，高度自动撑开。这个时候使用textarea就显得不那么好用了 经过一段时间百度，许多资料都说使用js来获取textarea的滚动条的高度信息，动态计算和调整textarea的高度。 问题 这种方法的问题是，它是基于类似监听滚动条是否出现来控制textarea高度变化。在输入文字的时候，换行若文字超过高度，则滚动条出现，然后触发js调整高度。 然而
pc端和移动端复制粘贴问题
weixin_47599108的博客
04-20 1626
div ref="textarea" class="textarea" id="textarea" contenteditable="true" placeholder="随便说说" @focus="removeDefaultContent" @blur="addDefaultContent" @input="changeAnswerContent" @paste="optimizePasteEvent">/*系统默认菜单被禁用*//*webkit浏览器*/-moz-user-select:none;
div contenteditable disabled 失效问题
qq_36958916的博客
10-09 883
div contenteditable disabled 失效问题
除了contenteditable="true",还有什么标签可以显示富文本编辑
最新发布
11-06
用户询问除了设置`contenteditable='true'`的标签外，还有哪些标签可用于显示富文本编辑。 首先，我们需要明确：在HTML中，实现富文本编辑的核心机制是让一个区域变为可编辑状态。通常有两种方式： 1. 使用`...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值