程序员轻松搞定javascript五章.pptxVIP

轻松搞定JavaScript

-事件讲师：韩顺平

内容介绍1.js事件驱动编程2.js事件

学习目标主讲:韩顺平1.充分理解js的事件驱动机制2.掌握js中常用的事件

js事件驱动机制—概述主讲:韩顺平■概述 js是采用事件驱动(event-driven)响应用户操作的。 比如通过鼠标或者按键在浏览器窗口或者网页元素(按钮,文 本框...)上执行的操作,我们称之为事件(Event)。 由鼠标或按键引发的一连串程序的动作,称之为事件驱动 (Event-Driver)。 对事件进行处理程序或函数，我们称之为事件处理程序 (EventHandler)。

js事件驱动机制—如何理解主讲:韩顺平事件源事件处理程序事件对象事件源可以是:(1)网页元素(按钮，输入框,文本域..)(2)浏览器窗口(3)其它事件就很多了，比如鼠标移动，鼠标按下，点击了某个按钮,网页加载，网页关闭，输入框内容变化...关于一些常见的事件，我们在后面会详解讲解。(看js手册事件部分)事件处理程序一般讲就是一个函数,事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行事件对象包含一些属性信息(比如x,y..)事件对象,一般说当一个事件发生时，会产生一个描述该事件的具体对象(该对象会包含对该事件的一些详细信息，比如你按下键是哪个，或是点击鼠标的x,y值..)■如何理解事件驱动机制

js事件驱动机制—事件(对象)分类主讲:韩顺平■事件的分类

js事件驱动机制—如何理解 主讲:韩顺平2.event2.html■如何理解事件驱动机制为了让大家进一步理解js的事件驱动机制，我们来看两个案例:1.event1.html

js事件驱动机制—js访问css技术主讲:韩顺平JavaScript访问修改CSS样式表体验JavaScript访问修改样式表,可以方便的动态修改页面:一、访问元素中style属性的CSS样式这个可以直接使用style对象方便的访问，例如：div?id=mdiv?style=background-color:blue;..../div?访问CSS的方法是:?scripttype=text/javascript//获得元素varoDiv=document.getElementyId(mdiv);//访问元素的style对象,再访问对象中的属性,也可以修改属性的值,直接为他赋值alert(oDiv.style.backgroundColor);/script

js事件驱动机制 主讲:韩顺平■如何理解事件驱动事件源事件监听者事件处理方法事件(对象)打小女孩向妈妈发出求救消息妈妈接收到消息立即处理用户操作事件对象包含一些属性信息(比如x,y..)

js事件驱动机制 -常用事件 主讲:韩顺平

js事件驱动机制 -特别说明 主讲:韩顺平我这要特别强调一点,并不是所有的html元素都有相同的event事件(对象),这个请大家在做项目的时候特别注意，比如提交按钮有onsubmit事件,但是输入框就没有的，具体请大家参考js帮助文档.■js事件-特别说明

js事件驱动编程 -实例 主讲:韩顺平■js常用事件实例 为让大家可以尽快熟悉常用事件，我给大家举几个案例,来具体说明如何使用，在什么时候使用这些事件。onchange,onkeydown,onkeypress,onkeyup,onmouseover,onmouseup,onmousemove,onmousedown,onmuseout举例说明onchange和onkeydown。。

js事件驱动编程 -课堂练习 主讲:韩顺平完成一个js版本的计算器上机[exercise1.htm]■课后练习题

本课程版权归泰牛程序员所有泰牛程序员,中国抢手的程序员