甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
最常用的就是onclick咯, 鼠标点击事件, 还有onblur, onchange, onload等等, 具体可以参考w3cSchool的相关api, 给你地址
创新互联是一家集网站建设,洪泽企业网站建设,洪泽品牌网站建设,网站定制,洪泽网站建设报价,网络营销,网络优化,洪泽网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
事件流描述的是从页面中接收事件的顺序，IE采用事件冒泡流，标准采用事件捕获流，最后addEventLister给出了第三个参数同时支持冒泡与捕获。
常用的事件主要有:
(1)单击事件:onclick。用户单击鼠标按键时产生的事件，同时。nclick指定的事件处理程序或代码将被调用执行.
(2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。
(3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:
ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)
(4)获得焦点事件:onfocus。用户单击text或textarea以及select对象，即光标落在文本框或选择框时会产生该事件。如:
select name= "zhengjian" onfocus=alert(”我成为焦点”)
(5)失去焦点事件:onblur.失去焦点事件正好与获得焦点事件相对，当text或textarea以及select对象不再拥有焦点而退出后台时，引发该事件。
(6)载人文件事件:onload,’当页面文件载人时产生该事件。onload的一个作用就是在首次载人一个页面文件时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用，本事件是window的事件，但是在HTML中指定事件处理程序时，一般把它写在body标记中。如:
body onload=alert(”正在加载页面，请等待一”)
(7)卸载文件事件:onunload。与载人文件事件。nload正好相反，当Web页面退出时引发的事件，并可更新。ookie的状态。如:
body onunload=confirm(”你确定要离开本页?”)
(8)鼠标镇盖事件:onmouseover, onmouseover是当鼠标位于元素上方时所引发的事件。如:
input type= "boutton" value=”按钮”onmouseover= "window. status=‘请您注意下面的状态栏·;return true"
(9)鼠标离开事件:onmouseout, onmouseout是当鼠标离开元素时引发的事件。如果和鼠标覆盖事件同时使用，可以创建动态按钮的效果。
(10)一般事件。
ondbclick:鼠标双击事件。
onkeypress:当键盘上的某个键被按下并且释放时触发的事件，要求页面内必须有激活的对象。
onkeydown:当键盘上某个键被按下时触发的事件，要求页面内必须有激活的对象。
onkeyup:当键盘上某个键被放开时触发的事件，要求页面内必须有激活的对象。
(11)页面相关事件。
onabort:图片在下载时被用户中断时触发的事件。
onbeforeunload:当前页面的内容将要被改变时触发的事件。
1、如图首先在一个文件夹下创建index.html文件。
2、然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。
3、js的鼠标事件主要有onclick：单击事件ondbclick：双击事件onmouseover：鼠标移入事件onmouseout：鼠标移出事件onmousedown：鼠标按下事件onmouseup：鼠标松开事件。首先实现鼠标左键单击和双击的js代码如图。
4、编辑完index.html文件后，用浏览器打开index.html文件，效果如图。当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"触发鼠标双击事件"。
5、接着实现鼠标的移入和移出事件。如图修改index.html文件。
6、最后实现鼠标的点下和松起事件。如图修改index.html文件。
7、修改完index.html文件后，用浏览器打开index.html文件，效果如图。
JavaScript里的事件有很多， 主要分为两种：
一种是由人触发的，比如鼠标单击、双击、移动鼠标、在输入框输入文本等等都会触发这类事件， Javascript通过监视这些事件，可以知道用户在网页里干什么，好做出不同的交互反馈。
第二种是由浏览器产生的事件， 比如文档加载完毕等事件。
不同的浏览器事件也会有所不同， 比如移动端的浏览器，还会有触摸事件、横竖屏切换事件等。
JavaScript中主要的事件有如下这些：
事件的作用：
事件在HTML中扮演着相当重要的作用，要了解他的作用，首先我们了解下事件的概念：
“事件指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。”
从事件的概念可看出，事件可以大大提高网页的交互性。在上面表格中列出来的事件，我们都可以通过事件处理程序(侦听器)捕捉到。比如当用户点击某个 HTML 元素时启动一段 JavaScript。
为了更通俗的描述事件的作用，下面我列举了几个事件使用的例子：
1、 监听按钮的点击事件onclick，当该事件发生后可以执行JavaScript进行提醒；
alertBtn.onclick = function() {
alert("你在网页中执行了点击操作！");
};
2、 监听页面的加载事件onload，进行一些初始化操作。
window.onload = function() {
prepareEventHandlers(); //prepareEventHandlers函数中进行了初始化操作。
};
3、监听表单的onblur事件，当输入框失去焦点时是否显示提示信息。如下面的邮箱输入框：
emailField.onblur = function() {
if ( emailField.value == "") {
emailField.value = "输入邮箱";
}
};
4、监听表单的onfocus事件，当输入框获取焦点时执行一些操作，如清除提示信息。
emailField.onfocus = function() {
if ( emailField.value == "输入邮箱") {
emailField.value = "";
}
};
可以到教程网-秒秒学上看下相关课程，夯实下基础，事件的机制其实并不难，希望对你理解事件有所帮助。