qgraphicsitem鼠标移动事件阻塞_JavaScript 事件基础

冒泡事件：（从小往大 ）

捕获事件：（从大往小）

事件类型：

JavaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件。

鼠标事件

1 .click 鼠标单击

2.dblclick 鼠标双击

3.mousedown 鼠标按下未抬起

4.mouseup 鼠标释放时触发

5.mouseover 鼠标移入时触发

6.mouseout 鼠标移出时触发

点 box 进行鼠标事件

所有的事件处理函数都会都有两个部分组成，on + 事件名称，例如click事件的事件

1.click：当用户单击鼠标按钮时触发。

box.onclick=function(){
      console.log(111)
}

2.dblclick：当用户双击主鼠标按钮时触发。

box.ondblclick = function () {
     console.log(222)
}

3.mousedown：当用户按下了鼠标还未弹起时触发。

box.onmousedown =function(){
     console.log(333)
}

4.mouseup：当用户释放鼠标按钮时触发。

box.onmousedown=function(){
      console.log(444)
}

5.mouseover：当鼠标移到某个元素上方时触发。

box.onmouseover=function(){
      console.log(555)
}

6.mouseout：当鼠标移出某个元素上方时触发。

box.onmouseout=function(){
      console.log(666)
}

mousemove：当鼠标指针在元素上移动时触发。 划进box里都能触发

box.onmousemove=function(){
      console.log(777)
}

mouseenter 首次移入元素，不参与冒泡。移至到后代元素上是不会触发的。

boo.onmouseenter=function(){
        console.log(888)
}

mouseleave 首次移出元素，不参与冒泡。移至到后代元素上是不会触发的。

boo.onmouseleave=function(){
         console.log(999)
}