文档章节

javaccript学习2

CoderPeng
 CoderPeng
发布于 2015/11/17 11:31
字数 617
阅读 2
收藏 0

【Javascript】javascript学习 十六 JavaScript 事件

事件是可以被 JavaScript 侦测到的行为。

事件

JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

事件举例:

  • 鼠标点击
  • 页面或图像载入
  • 鼠标悬浮于页面的某个热点之上
  • 在表单中选取输入框
  • 确认表单
  • 键盘按键

注意:事件通常与函数配合使用,当事件发生时函数才会执行。

如果需要更多有关 Javascript 可识别事件的知识,请阅读我们的 JavaScript 事件参考手册

onload 和 onUnload

当用户进入或离开页面时就会触发 onload 和 onUnload 事件。

onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。

onFocus, onBlur 和 onChange

onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。

下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。

<input type="text" size="30" id="email" onchange="checkEmail()">

onSubmit

onSubmit 用于在提交表单之前验证所有的表单域。

下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver 和 onMouseOut

onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:

<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false">

<img src="w3school.gif" width="100" height="30">

</a>

 

 

© 著作权归作者所有

CoderPeng
粉丝 0
博文 140
码字总数 78649
作品 0
青浦
程序员
私信 提问
Safari浏览器bug可引发XSS

     研究人员发现一个Safari浏览器的bug,利用该bug可以绕过浏览器的过滤器,并进行XSS。之前也有研究人员发现过该漏洞,因此漏洞并不是第一次出现。   先看一个研究人员偶然发现脚本...

嘶吼RoarTalk
2018/10/24
0
0
【通知】阿里云机器学习PAI即将商业化

【通知】阿里云机器学习PAI即将商业化 尊敬的机器学习PAI用户 感谢您一直以来对PAI的支持,从2015年开始,PAI平台和许多深度学习的爱好者一起成长,PAI始终坚持为深度学习用户带来更好的服务...

黯灭_邓彬
2018/01/12
0
0
目录:Dojo学习笔记

1.Dojo学习笔记 1.1 引言 Dojo是一个用javascript语言实现的开源DHTML工具包。ArcGIS API便是基于Dojo实现的,如果想用ArcGIS API实现一些复杂的功能,学习Dojo还是很有必要的,现在我们先看...

LoveCarpenter
2016/12/29
0
0
python-02:学习路线

随时更新的学习路线 1. python基础知识 麦子学院的几个短视频 python 爬虫基础 2. 以python爬虫作为入手点深入学习 1. 爬虫基础知识,最简单的爬虫程序,理解最简单的爬虫程序 2. 丑事百科实...

达岭凹老大
2015/11/23
307
0
Python数据分析学习路径图(120天Get新技能)

Python是一种面向对象、直译式计算机程序设计语言,由Guido van Rossum于1989年底发明。由于他简单、易学、免费开源、可移植性、可扩展性等特点,Python又被称之为胶水语言。下图为主要程序语...

数据007
2016/01/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员云计算教程分享Linux云计算面试常见问题三

  好程序员云计算教程分享Linux云计算面试常见问题三,今天将在前两篇的基础上,继续为大家带来Linux云计算面试题。   1、虚拟化平台在实施云时有何要求?   虚拟化平台在实施云时的要求...

好程序员官网
2分钟前
1
0
什么是CAS机制?

我们先看一段代码: 启动两个线程,每个线程中让静态变量count循环累加100次。 最终输出的count结果一定是200吗?因为这段代码是非线程安全的,所以最终的自增结果很可能会小于200。我们再加...

天子剑毅
5分钟前
1
0
CSS 中的Grid 网格布局

Can I Use 的兼容: https://www.caniuse.com/#search=grid 原文阮一峰老师: http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html...

蓝小驴
5分钟前
1
0
哪些方面可以看出企业建站源码质量?

源代码是构成网站的核心,即网站程序代码,包括网站文件及目录结构,拥有源代码才拥有网站的全部。传统自助建站因其SAAS模式无法开放源代码,用户实质上是每年支付租金租用放在平台网站的使用...

victron
16分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部