Javascript之DOM学习（鼠标事件、键盘事件）

本次总结来自B站视频：感谢大佬的分享

一、图片跟随鼠标案例

    let img = document.querySelector('img')
    document.addEventListener('mousemove', function (e) {
   
        // 1. mousemove()只要鼠标移动1px， 就触发这个事件
        console.log(e.pageX, e.pageY)
        // 2. 核心原理： 每次移动鼠标，获取鼠标位置并赋值给图片的坐标
        // 3. 加单位并转为字符串
        img.style.left = e.pageX-30 +'px'
        img.style.top = e.pageY-30 +'px'
    })

二、键盘事件

模仿京东商城按S即可将焦点放在搜索框

	let search = document.querySelector('input'