js捕获鼠标事件、键盘事件

复制代码
   
   
复制代码
window.onload=function(){
            document.onmousedown=function(event) {
                console.log('按下')
                console.log(event.altKey)
            }
            document.onmouseup=function(event) {
                console.log('松开')
                console.log(event.altKey)
            }
            // document.onmousemove=function(event) {
            //     console.log('移动')
            //     console.log(event.altKey)
            // }
            document.onmousewheel=function(event) {
                console.log('滚轮')
                console.log(event.wheelDelta<0?'后':'前')
            }
            document.onkeydown=function(event) {
                console.log('键盘')
                console.log(event.altKey)
            }
        }
复制代码

 

复制代码

 

altKey 返回当事件被触发时,"ALT" 是否被按下。
button 返回当事件被触发时,哪个鼠标按钮被点击。
clientX 返回当事件被触发时,鼠标指针的水平坐标。
clientY 返回当事件被触发时,鼠标指针的垂直坐标。
ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。
metaKey 返回当事件被触发时,"meta" 键是否被按下。
relatedTarget 返回与事件的目标节点相关的节点。
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。
shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。

 

 

posted on   liuhao1992  阅读(815)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示