网页设计实战光盘ch15.pptx

HTML5+CSS3+JavaScript网页设计实战

第十五章JavaScript事件

课程内容JavaScript事件基础JavaScript窗口事件JavaScript表单事件JavaScript键盘鼠标事件项目实战：鼠标坐标位置应用

JavaScript事件基础HTML事件我们所说的JavaScript事件指的是JavaScript事件的处理机制，具体说就是处理HTML事件的机制。我们知道JavaScript语言有创建动态页面的能力，具体就是指监听、捕获或处理在HTML文档对象上所定义的事件的行为。

JavaScript事件基础HTML事件一个JavaScript事件处理函数代码如下：在上面这段中包含了很多有用的知识点，我们具体说明一下。事件名称：表示HTML事件的名称；例如“onload”就是事件名称；事件类型：表示HTML事件的类型；例如“onload”事件为窗口（Window）事件类型；事件目标：表示HTML事件发生关系的目标对象；例如，“body”就是事件目标；事件处理函数（或方法）：表示HTML事件触发后调用的函数方法；事件对象：表示HTML事件发生时的状态；例如，function函数方法内的参数“e”就是事件对象；document.body.onload=function(e){//自定义代码}

JavaScript事件基础DOM事件类型窗口事件表单事件键盘事件鼠标事件

JavaScript窗口事件窗口（Window）加载事件窗口（Window）加载事件名称为“onload”，该事件会在页面加载完成后被立即触发；窗口（Window）加载多个事件窗口（Window）加载事件（JS方式）

JavaScript表单事件表单（Form）元素变化事件表单（Form）元素变化事件名称为“onchange”，该事件会在表单内元素的内容发生变化时被触发。表单（Form）元素被选中事件表单（Form）元素被选中事件名称为“onselect”，该事件会在表单元素内的文本内容被选中时触发。表单（Form）元素焦点事件表单（Form）元素获取焦点和失去焦点事件名称分别为“onfocus”和“onblur”，这两个事件会在表单内元素获取焦点和失去焦点时被触发。表单（Form）重置与提交事件表单（Form）元素重置和提交事件名称分别为“onreset”和“onsubmit”，这两个事件会在表单内点击reset和submit按钮时被触发。

JavaScript键盘鼠标事件键盘事件键盘按键按下事件名称为“onkeydown”，该事件发生在用户于表单中按下一个键盘按键时被触发。鼠标事件鼠标单击事件名称为“onclick”，该事件发生在用户使用鼠标点击一个对象时被触发。鼠标双击事件名称为“ondblclick”，该事件发生在用户使用鼠标双击一个对象时被触发。鼠标悬停事件名称为“onmouseover”，该事件发生在用户将鼠标指针移动到指定的对象范围上时被触发。而鼠标移出事件名称为“onmouseout”，该事件发生在用户将鼠标指针移出指定的对象范围后时被触发。

项目实战鼠标坐标位置应用

课程小结

JavaScript事件基础JavaScript窗口事件JavaScript表单事件JavaScript键盘鼠标事件项目实战：鼠标坐标位置应用

Thanks