关于JavaScript事件

今天我要教给大家的技术是JavaScript里面的事件。那么，什么是事件呢？事件是可以被JavaScript侦察到的行为。我们可以用事件为JavaScript创建动态页面。网页中的每一个元素都可以产生某些可以触发JavaScript函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击事件，还有当我们页面的内容是鼠标移进去，让内容出来，这时我们需要鼠标移入事件，但我们要的效果是鼠标移入让内容显示，鼠标移出让内容隐藏，所以在这个时候，我们还需要写一个鼠标移出事件。当我们的方法写完整后，需要浏览器做出处理，返回给用户一个结果。
那么在我们JavaScript里面有多少个事件呢，下面是我总结JavaScript的主要事件：onabort：图像的加载被中断；onblur：元素失去焦点；onchange：域的内容被改变；onclick：当用户单击某个对象时调用的事件，也就是我们常说的单击事件；ondblclick：当用户双击某个对象时调用的事件，也叫双击事件。onerror：在加载文档或图像时发生错误；onfocus：元素获取焦点；onkeydown：某个键盘按键被按下；onkeypress：某个键盘按键被按下并松开；onkeyup：某个键盘按钮被松开；onload：一张页面或一幅图像完成加载；onmousedown：鼠标按钮被按下；onmousemove：鼠标被移动；onmouseout：鼠标从某元素移开；onmouseover：鼠标移到某元素之上；onmouseup：鼠标按键被松开；onreset：重置按钮被点击；onresize：窗口或框架被重新调整大小；onselect：文本被选中；onsubmit：确认按钮被点击；onunload：用户退出页面。这些是我们常见的主要的事件。可能我写的事件不是很齐全，大家也可以在网上搜索一些JavaScript的事件。
在上面我讲了什么是事件还有一些主要的事件名称。那么接下来，我就举例一下例子来讲解几种事件，主要有鼠标点击事件、鼠标移入和移出事件、鼠标双击事件。打开我们的开发工具，抒写我们需要布局的代码。下面是我布局的代码：

在上面，我给了三个按钮，第一个按钮是单击事件，第二个按钮我给了id，给id主要是为了能让鼠标移入和移出，主要内容是当鼠标移入之后，我们可以在移入显示的内容，进行操作，当我们离开了按钮或显示内容后，让内容隐藏起来。第三个按钮，我给了一个双击事件。下面是我要鼠标移入时显示内容的代码：

实现的效果图：

在上面我先把移入出现的内容给隐藏起来，我们把页面给布局好之后，然后就写我们的JavaScipt的内容了，首先我们把鼠标单击事件里面的函数获取到，然后调用function方法，下面是我单击按钮时出现的内容：
//鼠标单击事件
function funOnclick() {
alert(“恭喜你获得一等奖,快去领取吧”);
}
当我们点击第一个按钮时页面会弹出一个对话框，如下图所示：

当然你们也可以单击按钮的时候显示其它内容，我们把单击事件给写完后，接下来就是鼠标移入和移出事件了，下面时鼠标移入和移出的代码：

var Deacdafdaop = document.getElementById(“Deacdafdaop”);
var Dbatopda = document.getElementById(“Dbatopda”);
Deacdafdaop.onmouseover = function () {
Dbatopda.style.display = “block”;
}
Deacdafdaop.onmouseout = function () {
Dbatopda.style.display = “none”;
}
Dbatopda.onmousemove = function () {
Dbatopda.style.display = “block”;
}
Dbatopda.onmouseout = function () {
Dbatopda.style.display = “none”;
}
在上面我给第二个按钮一个id和要显示内容一个id，我声明了两个变量，获取它们的id。
前面两个是当鼠标移到按钮之后，显示内容，移出隐藏内容，后面两个是让内容自己显示和隐藏。实现的效果图如下：

我们把单击事件和鼠标移入和移出事件写完后，就到我们的第三个按钮，鼠标双击事件，由于鼠标双击事件跟单击事件是差不多的，所以我就不给大家演示了，大家也可以自己动手写一下双击按钮的事件。
学习总结：通过这次，我明白了什么是JavaScript的事件，我们其实可以利用事件做很多页面需要的内容，可能事件的代码很难记住，但不要紧，我们主要掌握里面的步骤就可以了，有时候，一个事件可以做多个动作。希望大家能对我写的文献感兴趣，有问题大家可以交流一下，共同学习，共同进步。