第3课 02 JS中级课程-event-事件对象和clientX,clientY-2
2017-07-02 23:51
489 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>02 JS中级课程-event-事件对象和clientX,clientY-2</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body> <script> /* event : 事件对象 , 当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象,供我们在需要的调用。飞机-黑匣子 事件对象必须在一个事件调用的函数里面使用才有内容 事件函数:事件调用的函数,一个函数是不是事件函数,不在定义的决定,而是取决于这个调用的时候 兼容 ie/chrome : event是一个内置全局对象 标准下 : 事件对象是通过事件函数的第一个参数传入 如果一个函数是被事件调用的那么,这个函数定义的第一个参数就是事件对象 clientX[Y] : 当一个事件发生的时候,鼠标到页面可视区的距离 */ //alert( event ); //这里没有事件 /*document.onclick = function() { alert(event); };*/ function fn1(ev) { //alert( event ); //alert( ev ); var ev = ev || event; //alert(ev); // 输出所有事件的对象 /*for ( var attr in ev ) { console.log( attr + ' = ' + ev[attr] ); }*/ alert(ev.clientX); } //fn1(); //不是事件调用的函数 document.onclick = fn1; //是事件调用的函数,所以event有内容 </script> </body> </html>
相关文章推荐
- 第3课 02 JS中级课程-event-事件(跟随鼠标移动的div)
- 第3课 05 JS中级课程-事件捕获-1
- 第3课 06 JS中级课程-事件的取消-2
- 02 js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
- 第3课 03 JS中级课程-事件流-事件冒泡机制-3
- js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
- js事件对象event pageY screenY clientY
- 第3课 04 JS中级课程-事件绑定的第二种形式-4
- 第3课 01 JS中级课程-焦点事件-1
- event事件对象和clientX,clientY
- 第02课 02 JS中级课程-addClass,removeClass-2
- JS基础——事件对象event
- JS的事件对象(Event)
- js中事件对象event的兼容性问题
- 通过js的event的clientX,clientY来动态显示光标坐标
- 韩顺平 javascript教学视频_学习笔记27_dom对象(window对象3.history.location.navigator.screen.event)_js事件驱动编程
- js中的event事件对象兼容型写法及事件流学习笔记
- js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
- 07-JS特效-事件对象-pageY和screenY和clientY的区别
- js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍