十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
最常用的就是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 = "";
}
};
可以到教程网-秒秒学上看下相关课程,夯实下基础,事件的机制其实并不难,希望对你理解事件有所帮助。