发表于: 2021-08-11 23:54:05

0 1951


今天完成的事情:
表单事件,键盘事件,事件的绑定和解绑进行了总结

♠表单事件

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细节方面完善





遇到的问题:
问题很多,很多不会

特别是一些基础代码会,如果叠加在一起,就感觉绕







收获:

事件完成总结









返回列表 返回列表
评论

    分享到