Web——鼠标事件
来源:互联网 发布:淘宝柳丝模特 编辑:程序博客网 时间:2024/06/06 03:21
鼠标事件
关于手机移动偏移的
下面是代码:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 300px; height: 300px; border: 1px solid #000000; float: left; margin: 10px 20px; } div p{ background-color: gray; color: #FFFFFF; text-align: center; height: 50px; line-height: 50px; } </style> <script> var a = 0;//声明 var b = 0; var c = 0; var d = 0; var e = 0; //鼠标移动事件 function myMove(){ a++; // a = a + 1; var font = document.getElementById("a");//获取font标签对象 font.innerHTML = a; } //鼠标移入事件over function myOver(){ b++; var font = document.getElementById("b");//获取font标签对象 font.innerHTML = b; } //鼠标移出事件out function myOut(){ c++; var font = document.getElementById("c");//获取font标签对象 font.innerHTML = c; } //鼠标移入事件enter function myEnter(){ d++; var font = document.getElementById("d");//获取font标签对象 font.innerHTML = d; } //鼠标移出事件leave function myLeave(){ e++; var font = document.getElementById("e");//获取font标签对象 font.innerHTML = e; } </script> </head> <body> <div onmousemove="myMove()"> <font id="a">0</font> <p>鼠标移动事件onmousemove</p> </div> <!--事件冒泡--> <div onmouseover="myOver()"> <font id="b" style="border: 1px solid #000000;">0</font> <p>鼠标移入事件onmouseover</p> </div> <div onmouseout="myOut()"> <font id="c">0</font> <p>鼠标移出事件onmouseout</p> </div> <div onmouseenter="myEnter()"> <font id="d">0</font> <p>鼠标移入事件onmouseenter</p> </div> <div onmouseleave="myLeave()"> <font id="e">0</font> <p>鼠标移出事件onmouseleave</p> </div> </body></html>
阅读全文
0 0
- Web——鼠标事件
- web-模拟鼠标事件
- web.鼠标.跟着鼠标走的事件
- 鼠标事件案例—戳眼
- JAVA——GUI鼠标事件
- d3.jd——监听鼠标事件
- JavaScript——鼠标点击事件
- JavaScript——鼠标滑过事件
- GUI——鼠标和键盘事件
- 黑马程序员—AWT鼠标键盘事件
- WEB前端鼠标事件,IE与火狐
- web中鼠标的点击事件
- Web前端js中鼠标事件
- 《js事件探秘》学习——鼠标跟随事件demo
- 事件监听机制——鼠标事件MouseEvent
- 《js事件探秘》学习——鼠标跟随事件demo
- jQuery——事件篇( 鼠标、表单、键盘、事件绑定和解绑、事件对象、自定义事件)
- Web——焦点事件
- scrollTop()解决IOS中输入法遮挡输入框
- Eclipse设置任何时候都能触发你的代码自动补全及快捷键方法
- 复选框
- leetcode128 Longest Consecutive Sequence (map)
- 上传、下载、国际化
- Web——鼠标事件
- JDBC基础学习
- 数据库总结-oracle
- 关于服务器端MySQL数据库插入数据、运行sql文件时抛出packet bigger than 'max_allowed_packet'的
- javaScript中鼠标冒泡事件
- 基于ssm框架的个人博客(1)--数据表的设计
- Python 矩阵翻转180度
- 设计模式-单例模式
- Java模拟链表操作引发对Java传引用的思考实践