事件:是可以被Javascript侦测到的行为，例如鼠标的点击，鼠标的移动,常见的事件如下

 

代码实现“点击事件”：
<body>
    <button onclick="demo()">按钮</button>
<script>
     function demo(){
       alert("hello");
     }
</script>
</body>
运行结果：点击画面的按钮，弹出框 hello

代码实现“鼠标经过”：


1）style.css内容如下：
div{
  width: 100px;
  height: 100px;
  font-weight:bold;">crimson;
}

2）testjstty3.html内容如下：
<head>
    <meta charset="UTF-8">
    <title>事件</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div clsss="div" onmouseout="onOut(this)" onmouseover="onOver(this)"> </div>
<script>
     function onOut(ooj){

       ooj.innerHTML="hello";
     }
     function onOver(ooj){
       ooj.innerHTML="world";
     }
</script>

运行结果：移动经过时，小红方框出现world；鼠标移出后，出现hello

文本改变事件：
<body onload="msg()">              //网页下载完成事件，事件时在body中写的
    <div clsss="div" onmouseout="onOut(this)" onmouseover="onOver(this)"> </div>
<script>
     function onOut(ooj){

       ooj.innerHTML="hello";
     }
     function onOver(ooj){
       ooj.innerHTML="world";
     }
</script>
<form>
    <input type="text" onchange="changeDemo(this)">   //在文本框输入内容后，弹出框对话框，提示内容改变了
</form>
<script>
     function changeDemo(bg){
       alert("内容改变了");
     }
</script>
<form>
      <input type="text" onselect="selectDemo(this)"onfocus="focusDemo(this)"> //鼠标点击文本框，文本框变成绿色

</form>
<script>
        //鼠标选中文本框中的文字，文本框变成绿色
      function selectDemo(bg){
        bg.style.backgroundColor= "red";
      }
      function  focusDemo(bg){
        bg.style.backgroundColor= "green";
      }
      function msg(){
        alert("网页内容下载完毕");
      }
</script>
 
												


											
第二天：Javascript事件的更多相关文章
	

    
						
  1. 【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）
		
    前言 这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高 如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获 在下才疏学浅, ...
    
		
    2. 
						
  2. JavaScript事件详解-jQuery的事件实现（三）
		
    正文 本文所涉及到的jQuery版本是3.1.1,可以在压缩包中找到event模块.该篇算是阅读笔记,jQuery代码太长.... Dean Edward的addEvent.js 相对于zepto的e ...
    
		
    3. 
						
  3. JavaScript事件详解-Zepto的事件实现（二）【新增fastclick阅读笔记】
		
    正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...
    
		
    4. 
						
  4. JavaScript事件流原理解析
		
    一.为什么会有这一篇的文章 国庆前几天由于任务比较重,要赶在国庆前把一个进度的任务开发完成,所以也就有点赶,但是却遇到了一个比较奇怪的Bug,导致了任务比预计的延迟了几个小时,对此深表遗憾,所以利用国 ...
    
		
    5. 
						
  5. 【原】javascript事件流
		
    摘要:事件流这个东西是比较重要的,为了让自己更加理解js中的事件流,必须整理整理,梳理一下事件流的各种东西啊.本文大部分内容参考<javascript高级程序设计第三版> 先来一段书里的原 ...
    
		
    6. 
						
  6. Javascript事件模型系列（四）我所理解的javascript自定义事件
		
    被我拖延了将近一个月的javascript事件模型系列终于迎来了第四篇,也是我计划中的最后一篇,说来太惭愧了,本来计划一到两个星期写完的,谁知中间遇到了很多事情,公司的个人的,搞的自己心烦意乱浮躁了一 ...
    
		
    7. 
						
  7. Javascript事件模型系列（一）事件及事件的三种模型
		
    一.开篇 在学习javascript之初,就在网上看过不少介绍javascript事件的文章,毕竟是js基础中的基础,文章零零散散有不少,但遗憾的是没有看到比较全面的系列文章.犹记得去年这个时候,参加 ...
    
		
    8. 
						
  8. 【探讨】javascript事件机制底层实现原理
		
    前言 又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把 我们今天来猜一猜,探讨探讨,javascript底层事件机制是如 ...
    
		
    9. 
						
  9. javaScript事件（二）事件处理程序
		
    一.事件 二.事件流 以上内容见:javaScript事件(一)事件流 三.事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
    
		
    10. 
						
  10. JavaScript事件类型
		
    JavaScript事件类型 Web浏览器中可能发生的事件有很多类型.这里我将主要将下面几种常用的事件类型: UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 在nginx中,禁止IP访问.只可以使用域名访问.
			
    if ($host ~* "\d+\.\d+\.\d+\.\d+"){ ; } 其实说白了, 就是进行host主机头过滤,使用正则来判断下.
    
			
    2. 
						
  2. [Robot Framework] Jenkins上调用Rebot命令时执行报错不往下执行其他命令
			
    在配置jenkins job时,添加构建步骤Execute Windows batch command,输入执行rebot命令 报错信息: Call C:\Python27\Scripts\rebot ...
    
			
    3. 
						
  3. hibernate集合映射inverse和cascade详解<转载>
			
    1.到底在哪用cascade="..."? cascade属性并不是多对多关系一定要用的,有了它只是让我们在插入或删除对像时更方便一些,只要在cascade的源头上插入或是删除,所 ...
    
			
    4. 
						
  4. Python中逗号的妙用
			
    闲着没事打算用Python刷一遍pat,输出过程中遇到了一个这样的问题: 题目1002题目要求 在一行内输出n的各位数字之和的每一位,拼音数字间有1 空格,但一行中最后一个拼音数字后没有空格, 但是P ...
    
			
    5. 
						
  5. 2019.01.22 51nod 1203 JZPLCM（线段树+链表）
			
    传送门 一道很有意思的题. 题意简述:给一个数列,多次询问区间的lcmlcmlcm,答案对1e9+71e9+71e9+7取模. 思路:首先考虑到一个区间的lcmlcmlcm就是其中所有出现过的素数的最 ...
    
			
    6. 
						
  6. 219.01.19 bzoj3252: 攻略（长链剖分+贪心）
			
    传送门 长链剖分好题. 题意:给一棵带点权的树,可以从根节点到任一叶节点走kkk次,走过的点只能计算一次,问kkk次走过的点点权值和最大值. 思路: 考虑将整棵树带权长链剖分,这样链与链之间是不会重复 ...
    
			
    7. 
						
  7. jQuery插件开发全解析[转]
			
    jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级 ...
    
			
    8. 
						
  8. Spring MVC和Struts2的比较[转]
			
    虽然说没有系统的学习过Spring MVC框架, 但是工作这么长时间, 基本上在WEB层使用的都是Spring MVC, 自己觉得Struts2也是一个不错的WEB层框架, 这两种框架至今自己还未有比 ...
    
			
    9. 
						
  9. crt转cer ,6.0以上的android系统证书请求配置
			
    1.在服务器人员,给你发送的crt证书后,进到证书路径,执行下面语句  openssl x509 -in 你的证书.crt -out 你的证书.cer -outform der 这样你就可以得到cer ...
    
			
    10. 
						
  10. HTML5 通过 FileReader 实现文件上传
			
    概述 在页面中上传时,之前一般都是需要使用form表单进行上传.html5 中提供了FileReader 可以将文件转换成Base64编码字符串,因此就可以直接使用 AJAX实现文件上传. 实现代码  ...
    
			
    11.