Javascript：DOM事件（监听鼠标点击/释放，鼠标悬停/离开等）

使用Javascript可以对HTML页面上的各种事件进行监听，如鼠标点击/释放，鼠标悬停/离开，等等。

代码整理自w3school：http://www.w3school.com.cn  

效果图：

代码：

  


  
  
（一）点击时改变HTML元素内容
  
1.直接改变
  
请点击文字
  
2.通过函数改变
  
请点击文字
  

  

  
（二）onload 和 onunload 事件
  

    onload 和 onunload 事件会在用户进入或离开页面时被触发。

    onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

    onload 和 onunload 事件可用于处理 cookie
  

  
（三）onchange事件
  
请输入英文字符：
  
当您离开输入字段时，会触发将输入文本转换为大写的函数。
  

  
（四）onmouseover 和 onmouseout 事件
  

    把鼠标放在上面
  
  

  
（五）onmousedown、onmouseup 以及 onclick 事件
  鼠标抬起
  

  
（六）onfocus 事件
  
当输入框获取焦点时，改变其背景色