jq 监听 textarea 元素内容变化的方法
墨初 前端设计 2056阅读
在前台是可以限制 textarea 元素内输入内容的长度的,当然是用 jquery 代码实现起来是最简单,方便的,JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度。
jq 检测 textarea 元素内容变化的方法
示例代码1:
jq 时时显示 textarea 输入内容的长度!
$('#textarea').on('input propertychange',function(){ console.log($(this).val().length); })
示例代码2:
jq 判断 textarea 输入内容是否超过了限制长度!
$('#textarea').on('input propertychange',function(){ if($(this).val().length > 300){ alert('字数超过了三百'); } })
完整的示例代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> </head> <body> <textarea name="" id="textarea" ></textarea> <script> $('#textarea').on('input propertychange',function(){ console.log($(this).val().length); if($(this).val().length > 300){ alert('输入的文字超过300了!'); } }) </script> </body> </html>