var e=ev||event;

e.cancelBubble=true;
document.documentElement   html
document.body                          body
【所以写的时候一定要加document.documentElement.scrollTop】
e.clientX;//鼠标在可视取中的x坐标。
e.clientY//鼠标在可是去中的y坐标。
 
//不兼容【不用】
e.pageX;//鼠标在页面中的x坐标。
e.pageY;//鼠标在页面中的y坐标。
 
e.keyCode
e.ctrlKey
e.altKey
e.shiftKey
e.preventDefault 阻止默认事件,addEventListener绑定时。
 
e.detail    //火狐下滚轮滚动结果
e.wheeldelta//其他浏览器下滚轮滚动
 
e.target
e.srcElement
e.toElement
e.fromElement
 
function $(fn){
if(document.addEventListener){
document.addEventListener('DOMContentLoaded',function(){
fn();
},false)
}else{
document.attachEvent('onreadystatechange',function(){
if(document.readyState=='complete'){
fn();
}
});
}
}
事件委托

1、给未来元素加事件。

oUl.onclick=function(ev){
var oEvent = ev||event;
var oSrc = oEvent.srcElement||oEvent.target;
if(oSrc.tagName!='A')return;
oUl.removeChild(oSrc.parentNode);
};
 
2、提高性能。
 
oEvent.srcElement:    在哪个元素上触发的。//兼容性:兼容ie和chrome
oEvent.target:    兼容火狐的事件委托。//兼容高版本浏览器。
oEvent.target.tagName//获取点击的标签名
 
//放大镜bug修复;
oEvent.toElement//判断移除到谁上。输出到哪的元素。//不兼容
oEvent.relatedTarget//兼容火狐
 
oEvent.fromElement//判断移除到谁上。输出到哪的元素。//不兼容
oEvent.relatedTarget//兼容火狐
 
obj.contains('b');//a是否包含b//完全兼容;
 
    div移除的时候是body
 
3、onmouseover和onmouseout的bug导致放大镜在ie写有闪烁。
      //onmouseenter  onmouseleave   解决了over和out的bug. 据说不稳定。
        解决方式。
        oEvent.toElement//判断移除到谁上。输出到哪的元素。//不兼容
        oEvent.relatedTarget//兼容火狐
 
4、页面加载之后执行。【DOMready】
    window.onload
                    执行的很慢。
                        html css js img flash.....之后【所有的资源加载完成后】。
        更灵活
   document.onreadystatechange//当加载状态改变。【低版本浏览器】,用时间绑定的方式加
        document.readyState:
        状态1:interactive;//状态正在开始。
        状态2:complete//事件准备完成。
        
   DOMContentLoaded【高版本浏览器】

  

  

 

2-4 js基础-事件对象小结的更多相关文章

  1. JS基础学习——对象

    JS基础学习--对象 什么是对象 对象object是JS的一种基本数据类型,除此之外还包括的基本数据类型有string.number.boolean.null.undefined.与其他数据类型不同的 ...

  2. JS 事件与事件对象小结

    JavaScript与HTML之间的交互是通过事件来实现的.IE9,chrome,Firefox,Opera,Safari均实现了DOM2级规范中定义的标准DOM事件,而IE8和IE8以下版本仍然保留 ...

  3. JS基础——事件绑定

    上一篇博客JS事件对象中,老师问JS事件处理和VB中的事件处理有什么联系?先来解决一下这个问题.举个VB.net中事件处理的样例(JS敲久了,VB习惯的都不熟悉了,看来得常常回想了): 1.事件处理V ...

  4. JS键盘事件对象之keyCode、charCode、which属性对比

    先说一些有关键盘事件的事项:用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这 ...

  5. js event事件对象概括

    事件是用户或者浏览器自身执行的动作,而响应某个事件的函数就叫做事件处理程序或者叫事件侦听器. 定义事件处理程序可以大致分为以下三种: 一.html事件处理程序 元素支持的每种事件都可以用一个与之对应的 ...

  6. Js高级 事件 对象

    1.事件 浏览器客户端上客户触发的行为都成为事件 所有的事件都是天生自带的,不需要我们我去绑定,只需要我们去触发. 通过obj.事件名=function(){} 事件名:onmouseover onm ...

  7. js函数事件对象

    每个函数都有4个默认对象 arguments 保存着实际传入的参数,集合列表 return 有两个功能,打断函数和返回函数值 this 谁调用的函数,this就是谁 event 事件对象 事件 box ...

  8. JS基础-事件

    事件机制 事件触发三阶段 事件触发有三个阶段: window 往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 从事件触发处往 window 传播,遇到注册的冒泡事件会触发 ...

  9. JS基础-事件循环机制

    从一道题浅说 JavaScript 的事件循环 原文链接: https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/7 ...

随机推荐

  1. Centos7 Minni 安装 执行ifconfig命令出现 -bash ifconfig command not found 的解决方法

    1) have a root privilege shell or be on the sudo list. 2a) At a root shell prompt (#) yum install ne ...

  2. Unity3d之Coroutine

    在Unity3d中使用C#时,Coroutine是一个大有用处的好东西,至于怎么用网上多的是讲,我仅在此记录最近一次使用中的小发现. 因为某种需求,要在一个Coroutine实现中使用while循环, ...

  3. Java NIO Selector选择器

    Selector是Java NIO中的一个组件,用于检查一个或多个NIO Channel的状态是否处于可读.可写.如此可以实现单线程管理多个channels,也就是可以管理多个网络链接. 为什么使用S ...

  4. 【题解】 BZOJ4548 小奇的糖果

    本文同步在学弟ZCDHJ的个人博客发布,审核需要一段时间. 传送门 考虑题目中获得的糖果并不包含所有的颜色这句话,发现相当于我们可以直接选取某一个颜色强制不能选(这样子一定最优). 然后就可以考虑分开 ...

  5. 北航操作系统实验2019:Lab4-1代码实现参考

    北航操作系统实验2019:Lab4-1代码实现参考 部分实现参考自Github前辈们的项目,经过一定程度的勘误. 如果这份代码中存在任何问题或错误,请务必不吝在评论区指出. Exercise 4.1 ...

  6. 【12c OCP】最新CUUG OCP-071考试题库(52题)

    52.(12-11) choose the best answer: Examine the structure and data in the PRICE_LIST table: You plan ...

  7. 64位虚拟机中安装CentOS_6.7

    虚拟机VirtualBox-4.3.24-98716-Win.1425444683.exe,操作系统选用CentOS-6.7-x86_64-LiveDVD .iso. 1) 启动VirtualBox, ...

  8. day 08 课后作业

    # -*- coding: utf-8 -*-# @Time : 2018/12/27 17:27# @Author : Endless-cloud# @Site : # @File : day 8课 ...

  9. 构造函数详解,explicit,初始化列表

    一.构造函数 在类中有一种特殊的成员函数,它的名字与类名相同,我们在创建类的时候,这个特殊的成员函数就会被系统调用.这个成员函数,就叫“构造函数”. 因为构造函数会被系统自动调动,构造函数的目的就是初 ...

  10. leetcode-292-Nim Game(搬石子)

    题目描述: You are playing the following Nim Game with your friend: There is a heap of stones on the tabl ...