用div做输入框，如何限制输入的纯文本字数

2014-05-09 10:58:59 2.7k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Midscene.js：AI驱动的意图式UI自动化框架，重塑跨平台测试与RPA UI自动化测试与机器人流程自动化（RPA）旨在通过模拟用户操作提升软件交付与业务流程效率，但其传统实现高度依赖对界面元素的精准定位（如XPath、CSS选择器），导致脚本脆弱、维护成本高昂。其核心原理在于通过驱动层（如WebDriver）操控图形界面元素。随着大语言模型（LLM）技术的发展，一种新的技术范式——意图驱动自动化——应运而生，它通过AI理解自然语言指令与界面语义，而非依赖易变的底层代码结构，从而显著提升脚本的鲁棒性和可维护性。这一技术价值在于将自动化开发从“如何操作”的细节中解放出来，聚焦于“要阅读详情

 <div id="txt" contenteditable="true"  border: 1px solid #E1E1E1; overflow: auto;">

...全文

Zynq UltraScale+ MPSoC-AMP(linux+裸机) 接着 Zynq UltraScale+ MPSoC-双核裸机AMP继续平台工具：zcu106，vitis2020.2，petalinux2019.2 文章目录1.cpu1跑裸机2.cpu0跑linux2.1petalinux设置2.2 app3.生成BOOT.bin4.zcu106测试 1.cpu1跑裸机参照Zynq UltraScale+ MPSoC-双核裸机AMP建立的工程进行修改。BSP中stdin与out修改为uart1，uart1给裸机用，uart0给linux用。 ddr空间裸机与linu 阅读详情

chenzym

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

ddwren 2014-05-09

打赏
举报

<html>
    <head>
        <title></title>
    </head>
    <body>
    	<div id="txt" contenteditable="true" style="border: 1px solid #E1E1E1; overflow: auto;"></div>
    </body>
    <script type="text/javascript">
     window.onkeydown = function(){
     	debugger;
     	var len = document.getElementById('txt').innerHTML.length;
     	if(len > 10) {
     		return false;
     	}
     }
    </script>
</html>

mmqw 2014-05-09

打赏
举报

直接在按键按下的时候获取，判断下div中文本已有的长度，不就行了

未知数 2014-05-09

打赏
举报

对纯文本的定义？用正则表达式筛掉你认为的非纯文本后获取字符串长度，keydown事件中判断一下，达到限制则return fasle即可

别闹腰不好 2014-05-09

打赏
举报

innerHTML.length

chenzym 2014-05-09

打赏
举报

引用 5 楼 cz_2012 的回复:

多谢几位的回复。由于在div中输入文本，用innerHTML获取会有<br/>或者\n 这些标签，所以在计算文本长度的时候需要过滤掉这些标签。我在keydown事件里用网上找的这个函数来过滤：
function removeHTMLTag(str) {
    str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML tag
    str = str.replace(/[ | ]*\n/g, ''); //去除行尾空白
    str = str.replace(/ /ig, ''); //去掉 
    return str;
}

在div里敲空格会有 $nbsp; 改一下上面的方法


function removeHTMLTag(str) {
    str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML tag
    str = str.replace(/[ | ]*\n/g, ''); //去除行尾空白
    str = str.replace(/ /ig, ''); //去掉尾部空格
    return str;
}

chenzym 2014-05-09

打赏
举报

多谢几位的回复。由于在div中输入文本，用innerHTML获取会有<br/>或者\n 这些标签，所以在计算文本长度的时候需要过滤掉这些标签。我在keydown事件里用网上找的这个函数来过滤：


function removeHTMLTag(str) {
    str = str.replace(/<\/?[^>]*>/g, ''); //去除HTML tag
    str = str.replace(/[ | ]*\n/g, ''); //去除行尾空白
    str = str.replace(/ /ig, ''); //去掉 
    return str;
}

用div做输入框，如何限制输入的纯文本字数

相关推荐