2021-12-06

十四、鼠标事件

1. 鼠标事件

// 点击事件  => onclick

// 双击事件  => ondblclick

// 鼠标右键点击事件 => oncontextmenu

// 鼠标进入事件 => (onmouseenter || onmouseover)  // onmouseover 比 onmouseenter 先执行

// 鼠标离开事件 => (onmouseleave || onmouseout)    // onmouseout 比 onmouseleave 先执行

注意:如果元素里面存在子元素，鼠标在元素中移动时会反复触发 onmouseover 和onmouseout

// 鼠标移动事件 => onmousemove

// 鼠标按下事件 => onmousedown

// 鼠标弹起事件 => onmouseup

   

   

   

   

   

   

       

   

   

2. 视口宽高

window.innerWidth 返回视口宽度

window.innerHeight 返回视口高度

   

   

   

   

   

   

        当前数量：

       

   

   

   

   

   

   

   

   

       

           

               

               

               

               

               

               

               

           

       

       

       

       

           

               

           

       

   

全选	商品名称	商品图片	商品价格	购买数量	小计	操作
总计：