JavaScript事件是由访问Web页面的用户引起的一系列操作。或者用来获取事件的详细信息,如鼠标位置、键盘按键等。所有的事件处理函数都会都有两个部分组成,on+事件名称格式:和alert( ); 的格式差不多,在括号直接写4.onmouseup; //鼠标按下之后,松开时我们先来看一下这几个常用的鼠标事件,有三个事件是差不多的,这里我们先来看一下这三个的执行顺序:查看运行结果,打开浏览器后按F12查看源码,选择console选项:当我们点击按住不放时,最先显示的是mousedown这里由于鼠标移动时会一直显示,影响其他效果的使用,先注释掉,大家自己试一下具体的效果大家自己试一下即可,这里也可以看出我们做练习的时候用alert或者console.log都有可以,只不过console.log是显示在控制台,其他的鼠标事件大家自己搜索学习一下即可1.window.onload; 这个不再多说,网页全部执行完再执行3.onfocus; //点击文本框获取焦点时触发这里的return false; 先不用管它,以后还会讲到运行结果如下,点击提交按钮后控制台会显示submit:我们先看来看这两个事件,有个了解,键盘事件我们随后再讲在我们通常写的时候function();这个括号里面一般不写东西,如果我们想要获取事件对象,查看具体的事件信息,我们可以写一个参数e,即function(e);当我们点击div时,可以弹出一些事件信息,供我们查看现在我用的是IE11支持显示,但是低版本的IE就需要用console.log(window.event); 才可查看如果我们用谷歌Chrome,显示的效果不太一样,不过表达的意思都是相同的:如果不放心可以设置一下兼容性,使所有的浏览器都可以通用并且准确无误:var evt = e|| event; //window可以省略这个我们之前说过
|