
<textarea id="id1" class="class1"></textarea>
<p id="id2" class="class2">这里是提醒文字</p>
1 hjwasai 2017-04-23 11:12:19 +08:00 via Android change 事件 |
2 livelazily 2017-04-23 12:13:16 +08:00 如果是在支持 html5 的浏览器, input 事件最好 https://developer.mozilla.org/zh-CN/docs/Web/Events/input 如果不是 html5 的浏览器,可以用 keyup 事件 textarea 的 change 事件需要用户离开输入框才会触发 https://developer.mozilla.org/zh-CN/docs/Web/Events/change#描述 |
3 shlabc 2017-04-23 12:40:20 +08:00 <textarea id="name" name="name" type="text"></textarea> <span id="name_msg"></span> <script type="text/Javascript"> $('#name').bind('input propertychange', function() { $('#name_msg').html($(this).val().length + ' 字'); }); </script> 类似这样,细节你自己修改 |
4 shlabc 2017-04-23 12:43:41 +08:00 呵呵,代码是用 input 现改的,忘了去掉 type="text"了 <textarea id="name" name="name"></textarea> <span id="name_msg"></span> <script type="text/Javascript"> $('#name').bind('input propertychange', function() { $('#name_msg').html($(this).val().length + ' 字'); }); </script> |
5 aroa 2017-04-23 12:55:39 +08:00 jQuery.validate |
6 liteyou OP 看了下 oninput onchange onprotertychange 照顾各种兼容,要写的东西比较多。考虑只用 focus() 来简单解决下,在 textarea 中聚焦就 显示提示文字,失焦就不显示。 |