冒泡事件
来源:互联网 发布:手机店记账软件 编辑:程序博客网 时间:2024/06/07 00:59
<style> div{ width: 300px; height: 300px; border: 1px solid #000000; float: left; margin: 10px 20px; } div p{ background-color: #A9BF8E; 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++; var font = document.getElementById("a"); font.innerHTML = a; } function Myover(){ b++; var font = document.getElementById("b"); font.innerHTML = b; } function Myout(){ c++; var font = document.getElementById("c"); font.innerHTML = c; } function Myenter(){ d++; var font = document.getElementById("d"); font.innerHTML = d; } function Myleave(){ e++; var font = document.getElementById("e"); font.innerHTML = e; }</script> </head><body> <div onmousemove="Mymove()"> <font id="a">0</font> <p>鼠标移动事件onmousemove</p> </div> <div onmouseover="Myover()"> <font id="b">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>
阅读全文
0 0
- 事件冒泡
- 事件 冒泡
- 冒泡事件
- 冒泡事件
- 事件冒泡
- 冒泡事件
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡:
- 事件冒泡
- 事件冒泡
- 冒泡事件
- 事件冒泡
- 学习笔记4:mysql高可用架构(主从)
- 安卓自动滚动自定义控件
- ORACLE 12c sharded database
- 使用unbound在RHEL7上搭建DNS服务
- pycharm的远程运行环境设置
- 冒泡事件
- Pioneer3-dx Gazebo 仿真
- RNN LSTM 资源汇总
- 回文数的几种算法
- Qt 学习之路 2(40):隐式数据共享
- java内存与String类型详解
- 拖拽事件
- tensorflow学习之常用函数总结:tensorflow.placeholder()函数
- 学习笔记5:mysql高可用(主从复制监控)