JavascriptDOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
本文实例总结了Javascript DOM事件操作。分享给大家供大家参考,具体如下:
10年积累的成都做网站、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有临汾免费网站建设让你可以放心的选择与我们合作。
使用JavaScript可以对HTML页面上的各种事件进行监听,如鼠标点击/释放,鼠标悬停/离开,等等。
效果图:
代码:
Javascript 事件 (一)点击时改变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程序设计有所帮助。
分享标题:JavascriptDOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
文章位置:http://myzitong.com/article/gjhocc.html