DOM-03

1、注册事件的两种方式

 

2、删除事件

 

 3、DOM事件流

4、事件对象

 

5、阻止事件冒泡

6、事件委托

7、常用的鼠标事件

禁用右键菜单和选中文字

 

案列:跟随鼠标的天使

<body>
    <img src="./images/tianshi.gif" alt="">
    <script>
        let img = document.querySelector('img')
        document.addEventListener('mousemove', function (e) {
            // 不断得到当前的鼠标坐标
            // console.log(e.pageX)
            // console.log(e.pageY)
            // 把坐标给图片
            // img.style.left = '100px'
            img.style.left = e.pageX - 50 + 'px'
            img.style.top = e.pageY - 40 + 'px'
        })
    </script>
</body>

9、常用的键盘事件

 

posted @ 2022-08-09 15:03  水牛打老鼠  阅读(26)  评论(0)    收藏  举报
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css