JavaScript DOM事件对象的两个小练习 | 学习内容分享

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!

本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题

  1. 获取鼠标指针坐标
  2. div跟随鼠标移动

练习

1 获取鼠标指针坐标

两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标



    
        
        
        
    
        
    
    
        

2 div跟随鼠标移动

当鼠标在页面中移动时,使div跟随其移动



    
        
        div跟随鼠标移动
        
        
    
    
        

部分内容来源于网上教程,侵删。


你可能感兴趣的:(JavaScript DOM事件对象的两个小练习 | 学习内容分享)