Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
576 views
in Technique[技术] by (71.8m points)

按键后如何获取鼠标位置,不用鼠标点击或者鼠标移动?

在页面想按键后获取鼠标位置,不知道如何不使用鼠标移动或者点击事件
document.addEventListener('keydown',function(event)

不过尝试用鼠标移动后,可以获取鼠标位置,但是在开发者工具中,会提示多次按键和鼠标位置
document.addEventListener("mousemove",function(e)

如何按键后如何获取鼠标位置,不用鼠标点击或者鼠标移动?

document.addEventListener("mousemove",function(e){
    document.addEventListener('keydown',function(event){
        var keynum;
        if(window.event) // IE
        {
            keynum = event.keyCode;
        }
        else if(event.which) // Netscape/Firefox/Opera
        {
            keynum = event.which;
        }
        console.log(event.keyCode)

        if(keynum==79&&event.altKey){
          console.log(e.pageX+","+e.pageY)
        }
    });
});

7b3dd3c565925f6a7fa3e798d2690622.tiff


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

你每次监听到mousemove都会去添加监听事件, 当然会提示多次啦

let mouseEvent = null

document.addEventListener('mousemove', e => {
  // console.log('mousemove', e)
  mouseEvent = e
})

document.addEventListener('keydown', e => {
  console.log(e, mouseEvent)
})

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...