当前位置 博文首页 > 大司空°的博客:java script监听网页(鼠标监听事件和键盘监听

    大司空°的博客:java script监听网页(鼠标监听事件和键盘监听

    作者:[db:作者] 时间:2021-07-18 19:18

    先上案例

    <script>
    			window.onload = function(){
    				
    				//监听鼠标
    				document.onmousedown = function(e){
    					
    					var e = e || event;
    					console.log(e);
    				}
    				
    				//监听键盘
    				document.onkeypress = function(e){
    					
    					var e = e || event;
    					console.log(e);
    				}
    
    			}
    </script>
    

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    可以看到,
    通过任意鼠标动作触发的事件会被监听为鼠标事件:MouseEvent
    通过任意键盘动作触发的事件会被监听为键盘事件:KeyboardEvent

    需要监听事件,只需要在function(){}中写入参数:e/ev
    在函数内就可以获取监听对象

    function(e){
    
    var e = e || event;
    //或者
    var ev = ev || event;
    
    }
    
    

    注意,e || event 为兼容性写法,顺序不能逆转。

    通过监听鼠标和键盘对象,你可以得知对象的属性,从而知道鼠标的位置,键盘输入的键值等等,以方便你实现一些需要用户使用键盘或鼠标触发的事件,如方向键控制移动(飞机大战),拖拽图片(大鱼吃虾米)。

    以上。

    cs