【添加事件及Event对象的兼容写法】的更多相关文章

添加事件及Event对象的兼容写法

一.事件流 事件流描述的是从页面中接受事件的顺序. IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1.事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档). 2.事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. 二.事件处理程序 1.HTML事件处理程序 2.DOM0级事件处理程序 3.DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处…

dom事件与event对象总结

1 事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间.    tips:js和xhtml的交互是通过当用户或浏览器操作网页时发生的事件来处理的. 1.1 事件流:即事件的顺序.        事件冒泡:事件从事件发生的目标最内部开始触发,向上触发到最外部(document对象).        事件捕获:事件捕获正好与冒泡相反.它的事件触发顺序是从最外层的对象(document对象)到最里层的对象.        DOM事件流:dom同时支持事件捕获和事件冒泡,但事件捕获先发生.    1.…

javascript事件与event对象的属性

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围…

Javascript防冒泡事件与Event对象

防冒泡 防冒泡用到的就是event的属性和方法 function add2shop(e) { if (!e) var e = window.event; e.cancelBubble = true; // IE if (e.stopPropagation) e.stopPropagation(); // 其他 // todo... } Event对象案例 案例一,鼠标点击判断 <html> <head> <script type="text/javascript&q…

事件的event对象基本解释

事件流: 描述的是在页面中接受事件的顺序主要分为两种: 事件冒泡.事件捕获 事件event对象:1. type 获取事件类型2. target获取事件目标3. stopPropagation() 阻止事件冒泡4. perventDefault() 阻止事件默认行为…

关于ev||event事件对象的兼容写法

因为FireFox Chrome默认都是有一个值传进来的,所以这里是对IE和FireFox Chrome做了兼容. 例如:页面点击事件事件要使用document,获取鼠标位置 document.onclink=function(ev) { var oEvent=ev||event;  //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX+oEvent.clientY); }; /*取消事件冒泡*/ oDiv.onclick=function…

创建异步对象XHR的兼容写法、get、post上传数据的方式

兼容ie7以下,创建异步对象的函数 function creatXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ var versions = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0",…

event对象和事件冒泡

<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 400px; height: 300px; background: #CCC; display: none; } </style> <script> window.onload = funct…

HTML5中新添加事件

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主要是触摸事件:touchstart.touchmove和touchend. 一开始触摸事件touchstart.touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些信息新添加的事件.因为iOs设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时…

vue.js - 奇怪的 event 对象

好久都没有写点东西了, 前段时间工作搞得头大,真的就是一起加班到死了.废话不多说,写这篇文章是因为这次因为 event 对象闹了一个乌龙,以此总结一下. 一.event 对象 (一)事件的 event 对象 你说你是搞前端的,那么你肯定就知道事件,知道事件,你就肯定知道 event 对象吧?各种的库.框架多少都有针对 event 对象的处理.比如 jquery,通过它内部进行一定的封装,我们开发的时候,就无需关注 event 对象的部分兼容性问题.最典型的,如果我们要阻止默认事件,在 chrom…