整理Javascript事件响应学习笔记

前端之家收集整理的这篇文章主要介绍了整理Javascript事件响应学习笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

什么是事件

JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

1、鼠标单击事件(onclick) onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 例:我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2()。

密码: SEOver="message()"/>

3、鼠标移开事件(onmouSEOut) 鼠标移开事件,当鼠标移开当前对象时,执行onmouSEOut调用的程序。 当鼠标移开"点击我"的按钮时,调用message()函数,弹出消息对话框。

鼠标移开事件 请选择您的职业:

5、失焦事件(onblur) onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 失焦事件
个人简介:

8、加载事件(onload) 事件会在页面加载完成后,立即发生,同时执行被调用的程序。 注意: 1. 加载页面时,触发onload事件,事件写在标签内。    2. 此节的加载页面,可理解为打开一个新页面时。 如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 加载事件

测试结果发现只有在IE浏览器里执行,其他浏览器不执行。

以上就是关于Javascript事件响应的九种状态,希望对大家的学习有所帮助。

原文链接:https://www.f2er.com/js/51343.html

猜你在找的JavaScript相关文章