2 sinat 28941375 sinat_28941375 于 2016.01.28 16:09 提问

js改变文本框的value,什么事件能捕获到文本框内容的改变

文本框的value是由js改变的,什么事件能捕获到文本框内容的改变。
我查到onpropertychange但是只适合IE浏览器,有的说oninput可以但是没有实践成功。
求解(用的谷歌浏览器)

5个回答

rui888
rui888   Ds   Rxr 2016.01.28 16:23

可以参考AngularJS 的双向绑定。

wanghan1977
wanghan1977   2016.01.28 16:27

用jquery给控件绑定变更事件类似如下,当内容被修改时,背景颜色变化
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
http://www.w3school.com.cn/jquery/event_change.asp

u013129324
u013129324   2016.01.28 16:32

js改变值之后要加上

 if (obj.fireEvent)
{
obj.fireEvent('onchange');
}
else
{
obj.onchange();
}
rui888
rui888   Ds   Rxr 2016.01.28 16:57
 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $("#test").val('bbbb').trigger('change');

  });
 $("#test").change(function(){
    alert('test change');
  });
});
</script>
</head>
<body>
<p>如果您点击我</p>

<input type='text' id='test' value='aaa'/>
</body>
</html>
showbo
showbo   Ds   Rxr 2016.01.28 17:53
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JS来判断文本框内容改变事件
oninput,onpropertychange,onchange的用法        onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur);          onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;            o
JS实现的文本框内容发生改变立马触发事件简介
onchange事件: 此事件会在元素内容发生改变(由键盘或者鼠标事件激发,脚本触发无效),且失去焦点的时候触发。浏览器支持度较好。 onpropertychange事件: 此事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发此事件。元素的任何属性改变都会触发该事件,不止是value。但它是IE专属的。只有IE11以下浏览器支持此事件。 oninput事件: 此
input输入框和textarea文本框的value改变事件
如果写过检测input或者textarea输入框文本检测的人一定知道onchange或者jq的change方法检测文本变化是检测不到的,因为该事件是在文本框获得焦点,并且改变其中的内容之后再失去焦点才能触发的,也就是说输入框单纯获得焦点,或者单纯失去焦点,或者获得焦点的时候和失去焦点的时候内容一样,onchange方法是都不会触发的,这就涉及了输入框属性改变的问题。 如果在输入框中输入内容,在其
JS文本框内容改变事件
onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur);  (简单说就是:是在文本内容改变,然后失去焦点的时候发生) onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;         oninput是onpropertycha
监听文本框内容改变事件之oninput、onchange与onpropertychange事件的用法和区别
监听文本框内容改变事件是一个很常见的需求,比如动态提示还能输入多少字。但是在实际应用的过程中,会有很多意想不到的坑。onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效
[事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍。 一.相关知识准备: 1.onchange事件:此事件会在元素内容发生改变,且失去焦点的时候触发。 浏览器支持度较好。2.onpropertyc
html中文本值改变事件
<br />当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获。  <br />也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值
JS判断文本框内容改变事件的简单实例
oninput,onpropertychange,onchange的用法 onchange触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur); onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;       oninput是onproper
当用js动态的改变一个输入框中的值后,并不能触发它的onchange事件
onchange事件的触发条件需满足:1、输入框的值发生改变;2、输入框失去焦点。事件触发发生在2,而不是1的过程中。如果值改变则触发事件则需要使用onpropertychange(IE)或oninput(FF); 总结: 1、onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onprope
jQuery 监听修改文本框事件
在开发中,有时我们需要对 input 的 value 值变化作实时响应。比如文本输入框的实时字数统计功能,要求文本框内容改变时就要触发相关的统计行为。不管这个内容是键盘输入的,还是鼠标粘贴进来的。 1,实现原理 要实现内容实时监听响应,我们需要用到两个监听事件:oninput 事件和 propertychange 事件 (1)oninput 这个是标准浏览器的事件,一般浏览器都支持。当