20 js事件简述和入门案例:
通过鼠标或者热键的动作,我们称为事件,例如点击,表单提交等等
21 js事件驱动机制:
页面上的特效。我们可以在js事件驱动机制下进行的
Js事件驱动机制:四部分
事件源 谁发生的什么事(按钮)
事件 发生的什么事(点击事件 onclick)
监听器 行为者(方法)
注册/绑定监听器监听事件源(onclick =”run()”)
事件源:专门产生事件的组件
事件:由事件源所产生的动作或者事情
监听器:专门处理事件源所产生的事件
注册/绑定监听器:让监听器时刻监听事件源是否有指定的事件的产生,
先写方法,再写按钮,然后写onclick ,最后让onclick和方法产生连接
22 常见的js 点击事件:onclick:由鼠标或热键点击元素组件时触发
< input type=”button” value=”按钮的名字” οnclick=”run()” />
23 常见的js焦点事件:获得焦点事件 onfocus:失去焦点事件 onblur
焦点:即整个页面的注意力
一般一个页面最多仅有一个焦点
24 js事件 域内容改变事件:onchange
25 加载完毕事件:onload
加载完毕事件:只要组件被加载完毕就会触发这个事件
26 表单提交事件:onsubmit
表单的提交事件:表单的提交按钮被点击是触发事件;
Onsubmit=”return 绑定的方法名”(绑定的方法也需要返回true或者false);
主要用于表单的校验
返回值 True 允许表单提交 False 阻止表单的提交
Onsubmit=”return 绑定的方法名” (需要在方法名前面添加return用来把方法返回的boolean值return给onsubmit)
27 键位弹起事件:onkeyup
键位弹起事件:在组件中输入某些内容时,键盘键位弹起时触发该事件
适用于所有检测键盘按键弹起的事件
键盘敲击事件:onkeydown
键盘在按下时触发该事件。按键不弹起,一直触发。
Onkeydown=”run(event)” e.keyCode. 获取按下键盘对应的编码
28 常用鼠标事件:
鼠标移入(移入不需要点击)事件onmouseover:当鼠标移入某个组件时就会触发此事件
鼠标移出(移出也不需要点击)事件onmouseout:当鼠标期初某个组件时就会触发此事件
29 元素事件句柄绑定:
一个事件=“run1().Run2().” 可以绑定多个方法,也可以绑定无参的方法
30 js事件绑定方式 DOM绑定方式:
DOM绑定方式 ; 对象.事件属性 一次只能绑定一个,不能传递参数
Window.onload =run;
第二种 DOM绑定方式,匿名函数 可以 绑定多个函数,可以传递参数
window.οnlοad=function(){
Run1();
Run2();
}