jQuery怎么做textarea禁止输入“!!!”的功能
如果你希望在用户输入时,在textarea中输入“!!!”时立即删除该字符,可以使用jQuery的input
事件。以下是一个例子:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Example</title>
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- </head>
- <body>
- <textarea id="myTextarea"></textarea>
- <script>
- // 监听事件
- $("#myTextarea").on("input", function(event) {
- // 替换“!!!”为空字符串
- $(this).val($(this).val().replace(/!!!/g, ""));
- });
- </script>
- </body>
- </html>
当用户在textarea中输入“!!!”时,在input
事件中,可以使用JavaScript的replace
方法将“!!!”替换为空字符串,从而删除该字符。注意,由于用户每输入一个字符都会触发input
事件,因此此方法可能会对输入响应速度产生一些影响。
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/2049
0 评论
762
发表评论
热门文章
自媒体博客Spimes主题44w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
Splity博客双栏主题14w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
vCard主题个人简历主题13w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Spzac个人资讯下载类主题12w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
自媒体博客Spimes主题424 评论
Splity博客双栏主题191 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题31 评论
vCard主题个人简历主题29 评论
Pure轻简主题29 评论
chenyu
一天前
能不能支持deepseek