event-事件对象

最新推荐文章于 2022-04-28 22:02:48 发布

HaahLeel

最新推荐文章于 2022-04-28 22:02:48 发布

阅读量360

点赞数

本文链接：https://blog.csdn.net/NewStart_lh/article/details/46953035

版权

event : 事件对象，当一个事件发生的时候，和当前这个对象发生的则个事件对象有关的一些详细信息都会被临时保存到一个指定的地方event中，供我们在需要的时候调用

事件函数 ：事件调用的函数，一个函数是不是事件函数，不在定义的时候决定的，而是取决于这个函数调用的时候

兼容问题 ：
ie/chrome : event是一个内置全局对象
ff ：事件对象是通过事件函数的第一个参数传入的（如果一个函数是被事件调用的，那么这个函数定义的第一个参数就是事件对象）

处理兼容 ： var ev = ev || event;

下面是一个简单的鼠标更随

html部分代码

<style>
    #div1{
        width:100px;height:100px;background:green;position: absolute;
    }
</style>

<body style="height:2000px">
    <div id="div1"></div>
</body>

 var oDiv = document.getElementById('div1');
 //onmousemove : 鼠标移动时触发的时间事件，触发频率不是像素，而是间隔事件 
document.onmousemove = function(ev){
    var ev = ev || event;
    var scroll = document.documentElement.scrollTop || document.body.scrollTop;
    oDiv.style.top = ev.clientY + scroll + 'px';
    oDiv.style.left = ev.clientX + 'px'
}