JavaScript事件分析 | 青训营笔记

117 阅读2分钟

事件类型:

鼠标事件

键盘事件

HTML事件:主要指当窗口发生变动或发生特定的客户端/服务器端交互时触发的事件

突变事件:主要指文档对象底层元素发生改变时触发的事件

事件句柄:

又称事件处理函数,是指事件发生时要进行的操作

常用的事件&事件句柄:

键盘事件:

KeyDown&onKeyDown:当键盘被按下时执行JS代码

KeyPress&onKeyPress:当键盘被按下后又松开时执行JS代码

KeyUp&onKeyUp:当键盘被松开时执行JS代码

鼠标事件:

Click&onClick:当鼠标被单击时执行JS代码

Dbclick&onDbclick:当鼠标被双击时执行JS代码

MouseDown&onMouseDown:当鼠标按钮被按下时执行JS代码

MouseMove&onMouseMove:当鼠标指针移动时执行JS代码

MouseOut&onMouseOut:当鼠标指针移出某元素时执行JS代码

MouseOver&onMouseOver:当鼠标指针悬停于某元素之上时执行JS代码

MouseUp&onMouseUp:当鼠标按钮被松开时执行JS代码

表单控件事件:

Change&onChange:当元素改变时执行JS代码

Submit&onSubmit:当表单被提交时执行JS代码

Reset&onReset:当表单被重置时执行JS代码

Select&onSelect:当元素被选取时执行JS代码

Blur&onBlur:当元素失去焦点时执行JS代码

Focus&onFocus:当元素获得焦点时执行JS代码

窗口事件:

Load&onLoad:当文档载入时执行JS代码

UnLoad&onUnLoad:当文档卸载时执行JS代码

事件处理指定方式:

静态指定:在标记中设置相关

事件句柄并绑定事件处理程序

动态指定:

<script type="text/javascript">
    aa=function(b,c){alert(b+c)}
    aa(2,4);
</scipt>

特定对象特定事件的指定:在script中用for指定事件源,用event指定事件句柄名称

    <script type="text/" for="window",event="onload">
        alert("网页读取完成")
    </script>

事件处理程序的返回值;

返回布尔型,若为false则阻止浏览器下一步操作,设置表单提交功能时应用return,如果是false则不提交返回输入界面(不确定。。)