事件基础二
来源:互联网 发布:算法导论pdf 编辑:程序博客网 时间:2024/06/05 15:37
事件对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件对象</title></head><body><script type="text/javascript">/* event 事件对象 必须在一个事件调用函数里面使用event对象才有内容 事件函数 事件调用的函数,一个函数是不是事件函数,不是在定义的时候决定的,而是取决于这个函数调用的时候 当一个事件发生时,和当前这个事件有关的一些详细信息都会被临时保存到一个指定的地方,这个地方就是事件对象event中,供我们在需要的时候调用,有点类似于飞机的黑匣子 兼容 ie、chrome:event是一个内置的全局对象(内置对象不需要实例化) ff:事件对象是通过事件函数的第一个参数传入 如果一个函数是被事件调用的,那么这个函数的第一个参数就是事件对象 clientX/clientY 事件发生时,鼠标到可视区的距离*/ //兼容处理 function fn(ev){ var ev=ev || event; console.log(ev); alert(ev.clientX); } document.onclick=fn;</script></body></html>
事件对象小应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件对象</title> <style type="text/css"> div{width: 50px;height: 50px;background: #f00;position: absolute;} </style></head><body style="height:2000px"><div></div><script type="text/javascript">/* clientX/clientY 事件发生时,鼠标到可视区的距离 onmousemove 当鼠标在一个元素上面移动的时候触发,触发频率是时间间隔,在一个指定的时间内 鼠标位置相对于上一个位置发生了移动,就会触发*/ var oDiv=document.getElementsByTagName('div')[0]; document.onmousemove=function (ev){ var ev=ev || event; //滚动条距离窗口顶端的距离 var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; oDiv.style.left=ev.clientX+'px'; oDiv.style.top=ev.clientY+scrollTop+'px';//加上滚动条到窗口的距离,如果有横向滚动条,也要加上 };</script></body></html>
阅读全文
0 0
- 事件基础二
- js基础 事件基础二
- Android View事件基础(二)
- Nginx基础. 认识Nginx事件模块 (二)
- jQuery学习笔记(二)基础事件
- 自定义View基础(二)事件分发机制
- jQuery学习(二)---基础语法---事件
- JavaScript基础篇(二)— — DOM事件基础
- libevent项目分析 (二) -- I/O多路复用基础 .事件驱动
- cocos2d-x基础(二)触屏事件
- 统计分析基础 (二) 概率事件关系与计算
- 事件基础
- 事件基础
- 基础事件
- 事件基础
- 事件二(.NET事件)
- 事件(二):事件对象
- 基础二
- TFTP协议浅析
- 细说 ASP.NET控制HTTP缓存
- 网络判断
- 常见的Linux下文件的安装方法
- HTTP协议简介
- 事件基础二
- SDUT-数据结构实验之查找七:线性之哈希表
- 六、生命的职责
- Android手机与PC端进行通信
- flex布局(弹性盒模型)知识点
- 多线程概念
- CentOS配置smtp发邮件
- pycharm常用设置(keymap设置及eclipse常用快捷键总结)
- pandas 终极版1:创建和查看DataFrame数据 mysql读取数据