用户登录

用户确定修改了表单元素值的时候,会在元素上触发一个 change 事件。不同的表单元素,触发这个 change 事件的行为会不太一样。在元素上发生这个事件不像 input 事件那么频繁,因为只有在表单元素的值发生变化,并且用户需要做某种确定动作以后,才会触发这个 change 事件。

在这个组件里有个文本框元素,给它绑定一个 change 事件,设置一下事件处理器,比如 onChangeContent,然后在组件里添加一个方法,名字叫 onChangeContent ,方法接收一个 event 参数。

在这个方法里你可以处理在元素上发生的 change 事件,也就是你可以设计一下当这个元素发生 change 事件的时候,要去做的事情。

这里我们先简单的在控制台上,输出表单元素当前的值,输出的就是 event 对象里的 target 属性里的 value 这个属性的值。

回到浏览器试一下,在表单元素里输入点内容,现在表单元素的值发生了变化,但是用户没有确定行为,所以在元素上没有发生 change 事件,在控制台上也就没有输出元素里的值。

鼠标点一下页面空白的地方,或者按一下回车,这时才会触发这个文本框的 change 事件。 发生这个事件要做的事情就是在控制台上输出元素当前的值。

change 事件:用户提交修改元素值时发生的事件《 Vue.js 前端应用 #3:表单元素 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点