js中的事件01(鼠标事件)_js mousewhell-CSDN博客

本文链接：https://blog.csdn.net/ruler1112/article/details/76221865

/*
   1.load事件:在window或者图片或者嵌入的内容加载完毕的时候触发
   window.οnlοad=function(argument){}
   <img src="" οnlοad="alert('ok')"/>
   <body οnlοad=" "></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)










*/