js中的事件01(鼠标事件)

来源：互联网发布：php程序员面试题编辑：程序博客网时间：2024/06/16 12:53
/*   1.load事件:在window或者图片或者嵌入的内容加载完毕的时候触发   window.onload=function(argument){}   <img src="" onload="alert('ok')"/>   <body onload=" "></body>   (以上几种情况下传入的event对象并没有什么有用的信息,甚至是undefined)   (对于img标签只要指定了src属性就会加载图片,而对于script则要等到元素被插入到文档中才会起效果)   (link元素也要加到文档中)   2.unload事件在卸载时触发,一般页面的跳转会触发这个事件   3.resize事件是在窗口大小改变的时候触发(用来做多屏幕适配比较多,在不能使用media的时候)   4.scroll事件:再出现滚动的时候触发(一般作为滚动加载的当然还有别的用途,在window上是window.scrollY,在body上是scrollTop)   5.blur事件在失去焦点的时候触发(不冒泡)   6.focus事件在获取焦点的时候触发(不冒泡)    7.focusin事件在获取焦点的时候触发(冒泡)    8.focusout事件在失去焦点的时候触发(冒泡)   鼠标事件:      1.click:点击事件(点击鼠标左键触发(对于按钮按下enter键也会触发))      2.dbclick:双击事件      3.mousedown:鼠标按下      4.mouseenter:鼠标进入时触发      5.mousemove:在元素内部移动时重复触发      6.mouseout:离开元素时触发(元素离开的时候触发(即使是在子元素上也不会触发))      7.mouseleave:离开元素触发(即使是在子元素上也会触发,但是离开子元素不会触发两次enter)      8.mouseover:鼠标在经过元素边界的时候触发,不管是离开元素还是进入元素,子元素也算      9.mouseup:鼠标按键释放的时候触发   鼠标在客户端位置:      ev.clientX或者(ev.pageX,ie7没有)      ev.clientY或者(ev.pageY,ie7没有)      (在浏览器的位置要加上scrollTop和scrollLeft)   屏幕位置:      ev.screenX--ev.screenY   修改键:      ev.ctrKey:      ev.shiftKey:      ev.alyKey:      ev,metaKey:      (同时按下键盘上的键和点击鼠标下触发)   对于mousedown事件和mouseup事件:      ev.button有3种值:         1:滚轮按下         0:左键按下         2:右键按下   offsetX:光标相对于目标元素左边界的位置   offsetY:光标相对于目标元素的上边界的位置   mousewhell:滚轮事件:向上滚ev.wheelDelta是正，向下滚ev.wheelDelta是负(滚一下是120)*/
阅读全文
0 0