发表于: 2021-08-11 23:54:05
0 1952
今天完成的事情:
表单事件,键盘事件,事件的绑定和解绑进行了总结
♠表单事件
jq表单事件之blur与focus事件
当元素失去焦点时发生 blur 事件。
$(selector).blur()
$(selector).blur(function)
当元素获得焦点时发生 focus 事件。
$(selector).focus()
$(selector).focus(function)
jq表单事件之change事件
当元素的值改变时发生 change 事件
$(selector).change()
$(selector).change(function)
$("input").change(function(){
alert("文本已被修改");
});
jq表单事件之select事件
当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。
$("input").select();
jq表单事件之submit事件
当提交表单时,会发生 submit 事件,只适用form元素
$("form").submit(function(){
alert("提交");
});
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
♠键盘事件
jq键盘事件之keydown()与keyup()事件
jq键盘事件之keypress()事件
事件相关的事件顺序:
1,keydown - 键按下的过程
2,keypress - 键被按下
3,keyup - 键被松开
$(selector).keydown(function)
$(selector).keydown(function)
$(selector).keydown(function)
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
♠事件的绑定和解绑
on()的多事件绑定
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
$("p").on("click",function(){
alert("段落被点击了。");
});
on()的高级用法
卸载事件off()方法
$("button").click(function(){
$("p").off("click");
});
明天计划的事情:
js5相关知识的学习
jq动画特效方面进行总结
js4细节方面完善
遇到的问题:
问题很多,很多不会
特别是一些基础代码会,如果叠加在一起,就感觉绕
收获:
事件完成总结
评论