章节
问答
课签
笔记
评论
占位
占位

jQuery表单事件之change事件

<input>元素,<textarea>和<select>元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作

input元素

监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。

 

select元素

对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发

 

textarea元素

多行文本输入框,当有改变时,失去焦点后触发change事件

 

change事件很简单,无非就是注意下触发的先后行为,可以看看右边代码参考

 

任务

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 慕粉3954355
<...图片...>因为第三个div中的textarea 中的class设置成了target2;正确的<div class="aaron3">textarea:            <textarea class="target3" rows="3" cols="20">多行的文本输入控件</textarea>        </div>

最赞回答 / keydew
如果我没理解错题主的意思,应该可以通过下面的方法实现,我试了下是可以的,下面举例获取name值的:首先这是select元素的html内容:<...code...>然后我们在script里写的change事件调用的方法:<...code...>如果是要获取id的值,把上面输出赋值语句中的op.attr("name")换成op.attr("id")就可以了。

最赞回答 / 三足乌
这个是代码写错了,没有class为target3的元素,这个change也确实没有用。textarea能触发change事件是因为它的类名和select的类名一样,它其实是触发了这个事件。//监听select:    $(".target2").change(function(e) {        $("#result").html(e.target.value)    })

最新回答 / 信者得救
change是一个事件,当发生这个事件时,触发后面的函数。e.target指的是触发事件的节点,在这里指的是$('.target1')

最新回答 / 刘天琪
查找button

已采纳回答 / DHMMinghui
例如:$(this).val(),而且this必须是指向你需要的

已采纳回答 / 慕粉4065892
加不加;是不会影响执行结果的。

最赞回答 / 金赞
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

已采纳回答 / qq_soul眉_03423603
target是当前事件执行的第一个具体DOM对象,这个DOM对象不变this是事件冒泡到DOM树的哪个对象,this就指向哪个对象,改变的

最新回答 / nearrrrr
e.target.value的意思是找到发生的事件绑定的对象的value的值,也就是这里的.target1他的value值

最新回答 / 慕粉3962902
dom对象,表示当前事件对象的元素节点

已采纳回答 / 格劳修斯
e应该就是指的this吧,你看看花括号里面不是有用到e吗?如果没有用e的话就应该用this才能达到相同效果了,而且e也可以理解成element(元素),代表被触发事件的当事人(元素)。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言