JavaScript事件汇总

js事件汇总整理

1、键盘事件

• 常用的键盘事件

键盘事件	触发条件
onkeyup	某个键盘按键被松开是触发
onkeydown	某个键盘按键被按下时触发
onkeypress	某个键盘按键被按下时触发，但是它不识别功能键比如ctrl shift箭头等

<script>
        // 常用的键盘事件
        //1. keyup 按键弹起的时候触发 
        document.addEventListener('keyup', function() {
     
            console.log('我弹起了');
        })
        
        //3. keypress 按键按下的时候触发  不能识别功能键 比如 ctrl shift 左右箭头啊
        document.addEventListener('keypress', function() {
     
                console.log('我按下了press');
        })
        //2. keydown 按键按下的时候触发  能识别功能键 比如 ctrl shift 左右箭头啊
        document.addEventListener('keydown', function() {
     
                console.log('我按下了down');
        })
        // 4. 三个事件的执行顺序  keydown -- keypress -- keyup
    </script>

• 键盘事件对象

键盘事件对象属性	说明
keyCode	返回该键的ASCLL值

• 通过keyCode属性判断用户按下哪个键

2、js鼠标事件

• 鼠标事件

事件类型	说明
click	单击鼠标左键时发生，如果右键也按下则不会发生，当用户的焦点在按钮上并按下了Enter键时，同样会触发这个事件
dbclick	双击鼠标左键时发生，如果右键页按下则不会发生
mousedown	单机任意一个鼠标按钮是发生
mouseout	鼠标指正位于某个元素上且将要移出元素的边界时发生
mouseover	鼠标指针移出某个元素到另一个元素上时发生
mouseup	松开任意一个鼠标按钮时发生
mousemove	鼠标在某个元素上时持续发生

鼠标事件