jQuery怎么做textarea禁止输入“!!!”的功能

如果你希望在用户输入时,在textarea中输入“!!!”时立即删除该字符,可以使用jQuery的input事件。以下是一个例子:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Example</title>
  6. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  7. </head>
  8. <body>
  9. <textarea id="myTextarea"></textarea>
  10. <script>
  11. // 监听事件
  12. $("#myTextarea").on("input", function(event) {
  13. // 替换“!!!”为空字符串
  14. $(this).val($(this).val().replace(/!!!/g, ""));
  15. });
  16. </script>
  17. </body>
  18. </html>

当用户在textarea中输入“!!!”时,在input事件中,可以使用JavaScript的replace方法将“!!!”替换为空字符串,从而删除该字符。注意,由于用户每输入一个字符都会触发input事件,因此此方法可能会对输入响应速度产生一些影响。

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/2049
0 评论
762

发表评论

!