`

textarea中的OnChange事件与onkeyup事件

阅读更多

有个textarea,想实现字符改变,显示的字符数也随着变化

 

用onkeyup事件控制。下面的代码可以实现时时变化。t1里显示textarea里的时时字符数,你可以自己试一下。  
  <input   size=3   name="t1"   value="0"   ID="Text1"   readonly>  
  <textarea   name="txtname"   onkeyup="document.getElementById('t1').value=this.value.length"   ID="Textarea1"></textarea>

 

使用onchange事件,代码如下:

<script   language   =   'javascript'>  
  function   changetxt(){  
  //代碼  
  //例如  
  //form1.txt1.value   =   form1.txt.value  
  }  
  </script>  
  <textarea   name="txt"   id="txt"   onchange="javascript:changetxt()"></textarea>

 

两者区别:

如果用onchange,只有把鼠标离开text,点击其余地方才响应。  
实时响应应该是onkeyup
   

分享到:
评论

相关推荐

    javascript的onchange事件与jQuery的change()方法比较

    在JavaScript和jQuery中,`onchange`事件和`change()`方法都是用来监听和响应表单元素,特别是输入框(如`&lt;input&gt;`或`&lt;textarea&gt;`)内容改变的事件。然而,它们之间存在一些差异。 首先,`onchange`是HTML中的一个...

    JavaScript触发事件列表

    选中事件是当text或textarea对象中的文字被选中时引发的事件。例如:默认信息" onselect="alert('您选中了文本框中的文字')"&gt; 获得焦点事件(OnFocus) 获得焦点事件是用户单击text或textarea对象时,光标落在...

    [js]javascript事件集合(包有触发事件)终版.pdf

    例如,文本框的值改变时显示警告:`&lt;textarea name="liuyan" rows=5 cols=70 value="" onchange="alert('您在文本框中添加了新的内容')"&gt;`。 3. 选中事件(onselect):当用户在text或textarea中选中文本时触发。...

    [js]javascript事件集合(包有触发事件).pdf

    `onchange`事件在用户改变输入字段的内容时触发,通常用于`&lt;input&gt;`, `&lt;select&gt;`, 和`&lt;textarea&gt;`等表单元素。 ```html &lt;textarea name="liuyan" rows="5" cols="70" onchange="alert('内容已改变')"&gt;&lt;/textarea&gt; `...

    javascript 触发事件列表

    &lt;textarea name="liuyan" rows=5 cols=70 onchange="alert('值已改变')"&gt;&lt;/textarea&gt; ``` 在这个例子中,当用户在文本区域内修改内容后,页面会弹出一个警告框显示“值已改变”。 #### 三、选中文本事件(onselect)...

    [js]javascript事件集合(包有触发事件)[参考].pdf

    2. **改变事件**(onchange):在文本框或选择框内容变化时触发,常用于验证输入或更新相关状态,例如`&lt;textarea name="liuyan" rows=5 cols=70 value="" onchange="alert('您在文本框中添加了新的内容')"&gt;`。...

    htmld的事件列表

    6. **onKeyPress**, **onKeyDown**, **onKeyUp**: 这三个事件分别在按键被按压、按键被按下、按键被释放时触发。 - 示例代码:`('Key pressed!')"/&gt;` 这些事件常用于实现鼠标悬停效果、点击操作反馈等常见的网页...

    textarea 控制输入字符字节数(示例代码)

    示例代码中的`onkeyup`和`onkeydown`事件是直接绑定在`&lt;textarea&gt;`元素上,而`onblur`和`onpropertychange`则是在某些旧版的浏览器或特定情况下使用,比如IE浏览器中内容属性变化时触发`onpropertychange`事件。...

    深入理解javaScript中的事件驱动

    以上是JavaScript中主要的事件类型,但其实JavaScript还支持许多其他类型的事件,如键盘事件(如onkeydown、onkeyup、onkeypress)、滚动事件(onscroll)、表单事件(如onsubmit、onreset)等。理解并熟练运用这些...

    jQuery文本框(input textare)事件绑定方法教程

    - 对于实时内容变化,通常会结合`onkeyup`和`onchange`事件,但`onchange`在失去焦点后才触发。在IE中,可以使用`onpropertychange`来监听文本框内容的变化。 - 在非IE浏览器中,`oninput`事件是一个更好的选择,...

    原生js仿京东注册页面表单验证代码

    例如,我们可以使用`addEventListener`方法绑定`onchange`、`onkeyup`或`onclick`等事件,实现在用户输入时实时验证数据。 2. **正则表达式验证**: - 正则表达式是用于匹配字符串模式的强大工具。在表单验证中,...

    JavaScript语言参考手册

    本章包含了所有 JavaScript 中未与任何对象关联的函数。 addClient addResponseHeader blob callC debug deleteResponseHeader escape eval flush getOptionValue getOptionValueCount isNaN Number parseFloat ...

    JS强大的表单+验证

    通过监听`onchange`、`onkeyup`等事件,我们可以在用户输入后立即执行验证,并通过CSS样式提示用户输入是否有效。 五、表单重置与提交 JavaScript允许我们控制表单的提交和重置行为。`form.reset()`方法可以清空...

    strtus1_html标签

    - `property`:指定文本框的名字,并与ActionFormBean中的某个属性相对应。 - `disabled`:控制文本框的禁用状态,设置为 `true` 表示禁用。 - `maxlength`:限制用户可以在文本框中输入的最大字符数。 - `...

    javascript 触发事件列表 比较不错

    &lt;textarea name="liuyan" rows=5 cols=70 onchange="alert('您在文本框中添加了新的内容')"&gt;&lt;/textarea&gt; ``` 3. **选中事件 (onselect)**:当文本或文本区域中的文字被选中时触发,可用于提示或处理选定的内容。 `...

    ajax实战ajax实战

    4. **监听事件**:使用 JavaScript 监听文本区域的 `onkeyup` 或 `onchange` 事件,当用户输入发生变化时触发自动保存。 5. **Ajax 请求**:当触发保存事件时,向服务器发送 Ajax 请求,将当前文本区域的内容和可能...

    限制字符输入数功能(jquery版和原生JS版)

    当文本域中的字符数发生变化时(例如用户键入文字),`onkeyup`和`onchange`事件触发,根据当前输入长度实时更新提示信息,并相应地控制提交按钮的可用状态。 在原生JavaScript实现的代码中,存在一个注释掉的循环...

    javaScript验证大全

    2. 事件监听:JavaScript通过添加事件监听器来捕捉用户的输入行为,如`onsubmit`、`onchange`、`onkeyup`等,这些事件可以在合适的时间触发验证逻辑。 3. 验证函数:编写验证函数是JavaScript验证的核心,这些函数...

Global site tag (gtag.js) - Google Analytics