JavascriptDOM事件操作小结(监听鼠标点击、释放，悬停、离开等)

本文实例总结了Javascript DOM事件操作。分享给大家供大家参考，具体如下：

10年积累的成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有临汾免费网站建设让你可以放心的选择与我们合作。

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

效果图：

代码：

 

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

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

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

  onload 和 onunload 事件可用于处理 cookie
 
 
（三）onchange事件
 
请输入英文字符：
 
当您离开输入字段时，会触发将输入文本转换为大写的函数。
 
 
（四）onmouseover 和 onmouseout 事件
 

  把鼠标放在上面
 
 
 
（五）onmousedown、onmouseup 以及 onclick 事件
 鼠标抬起
 
 
（六）onfocus 事件
 
当输入框获取焦点时，改变其背景色
  
 
 

PS:关于javascript常用事件及相关说明还可参考本站在线工具：

javascript事件与功能说明大全：
http://tools.jb51.net/table/javascript_event

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。