控制文本框字符数，经过文本框时选中

最新推荐文章于 2025-12-03 13:04:04 发布

原创最新推荐文章于 2025-12-03 13:04:04 发布 · 353 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #action #html

本文介绍了一种使用JavaScript实现的文本框字符输入限制的方法。通过`onkeypress`和`onkeydown`事件监听器来控制文本框内的字符数量，确保用户输入的字符不会超过预设的最大值。当达到最大字符数时，将自动阻止进一步输入并调整显示内容。

<html> <head> <title>study</title> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body> <form name="form1" action="#" method="post"> <label for="text1">下面的框中只能输入50个字符</label> <textarea id="text1" cols="30" rows="5" maxlength="50" onkeypress="return checknum(this)" onkeydown="show(this)"> 经过下面的文本框会选中文本框中的内容，便于编辑
姓名：

结果：下面的框中只能输入50个字符 22222222222222222222 20 经过下面的文本框会选中文本框中的内容，便于编辑姓名：