用户确定修改了表单元素值的时候,会在元素上触发一个 change 事件。不同的表单元素,触发这个 change 事件的行为会不太一样。在元素上发生这个事件不像 input 事件那么频繁,因为只有在表单元素的值发生变化,并且用户需要做某种确定动作以后,才会触发这个 change 事件。
在这个组件里有个文本框元素,给它绑定一个 change 事件,设置一下事件处理器,比如 onChangeContent,然后在组件里添加一个方法,名字叫 onChangeContent ,方法接收一个 event 参数。
在这个方法里你可以处理在元素上发生的 change 事件,也就是你可以设计一下当这个元素发生 change 事件的时候,要去做的事情。
这里我们先简单的在控制台上,输出表单元素当前的值,输出的就是 event 对象里的 target 属性里的 value 这个属性的值。
回到浏览器试一下,在表单元素里输入点内容,现在表单元素的值发生了变化,但是用户没有确定行为,所以在元素上没有发生 change 事件,在控制台上也就没有输出元素里的值。
鼠标点一下页面空白的地方,或者按一下回车,这时才会触发这个文本框的 change 事件。 发生这个事件要做的事情就是在控制台上输出元素当前的值。