javascript 高效的textarea字数监控

<input type="text" name="textfield" id="text_input" />
<div>您输入的值为:<span id="test">还未输入</span></div>

<script type="text/javascript">
function immediately(){
  var element = document.getElementById("text_input");
  if("\v"=="v") {  //IE 6 7 8
    element.onpropertychange = webChange;
  }else{
    element.addEventListener("input",webChange,false);
  }
  function webChange(){
    if(element.value){document.getElementById("test").innerHTML = element.value};
  }
}

immediately();
</script>
时间: 2024-09-29 03:44:45

javascript 高效的textarea字数监控的相关文章

JavaScript中统计Textarea字数并提示还能输入的字符

<span style="font-size:18px;"><script language="javascript"> function countChar(textareaName,spanName) { document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length; } </script&

移动端的textarea字数监控和正则监控

做移动端的朋友可能会遇到输入框的 显示输入字数 ,自然而然会想到 keyDown  keyUp 事件,可事实并非你想象的那样,当你在  ios  手机上操作时(Android好像会很少会有这种情况),在键盘上打完字选择 文字的时候, 这时候没有处罚任何东西,  这时点击的根本不是 键盘 也不是页面文档 不是任何dom节点  更不会 触发 keyDown  keyUp  : 这时我们可以使用: input 事件 <textarea name='intro'></textarea> $

关于javascript实时显示textarea剩余字符数

今天在百度的项目中碰到一个问题,就是实现javascript实时显示textarea剩余字符数的 功能,咋一看,这个功能也太简单了吧,一般都是只用keydown和keyup事件监听textarea的字符数就可以了,但是QA检测需要支持鼠标右键 的相关事件(包括粘贴,撤销,删除和剪切等),而且要求鼠标直接拖动文字至textarea中也要实时改变字数,由于这些方法没有直接按键盘,所以光 keydown和keyup事件监听是不够的. 此时就需要用onpropertychange事件了,该事件与onch

每天一个JavaScript实例-处理textarea中的字符成每一行

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> <script> function clicka(){ console.log("aaa"); var aa = document.get

textarea字数限制方法一例

<!-- 控制textarea最大输入字数 --><script type="text/javascript">function checkLen(obj) {var maxChars = 30;//最多字符数if (obj.value.length > maxChars)obj.value = obj.value.substring(0,maxChars);};</script> <textarea rows="7"

完美解决textarea字数限制

1. <textarea id="area" name="ss" placeholder="请输入文本内容"></textarea> 2. <p><span id="text-count">20</span>/20</p> 3. <script type="text/javascript"> 4. /*字数限制*/ 5. $

textarea字数限制

1.input.textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9. 2.同时绑定onchange.onkeydown.onkeyup,ie8/9下解决不了右键粘贴问题. 3.上代码-- <textarea rows="7" cols="12" style="resize: none;" id="message" maxlength="255"&

Javascript实现在textarea中输入回车键不换行

今天在写一个小程序时,用到了在文本框中捕捉回车键的功能,我想肯定能够用Javascript实现,于是百度了以下,得到如下实现. HTML页面如下: <textarea class="form-control" name="message" id="message" style="display: inline-block;" onkeypress="onKeyPress(event)"><

js textarea 字数限制

js function textCounter(field, countfield, maxlimit) { if (field.value.length > maxlimit) field.value = field.value.substring(0, maxlimit); else countfield.value = maxlimit - field.value.length; } html <form name=myform action=""> <t