文档章节

跨浏览器的事件对象

木子丰
 木子丰
发布于 2014/04/09 18:18
字数 88
阅读 16
收藏 1
点赞 0
评论 0
var EventUtil = {
	
	addHandler : function(element, type, handler) {
		if (element.addEventListener) {
			element.addEventListener(type, handler, false);
		} else if (element.attachEvent) {
			element.attachEvent("on" + type, handler);
		} else {
			element["on" + type] = handler;
		}
	},
	
	getEvent : function(event) {
		return event ? event : window.event;
	},

	getTarget : function(event) {
		return event.target || event.srcElement;
	},

	preeventDefault : function(event) {
		if (event.preventDefault()) {
			event.preventDefault();
		} else {
			event.returnValue = false;
		}	
	},

	removeHandler : function(element, type, handler) {
		if (element.removeEventListener) {
			element.removeEventListener(type, handler, false);
		} else if (element.detachEvent) {
			element.detachEvent("on" + type, handler);
		} else {
			element["on" + type] = null;
		}
	},

	stopPropagation : function(event) {
		if (event.stopPropagation) {
			event.stopPropagation();
		} else {
			event.cancelBubble = true;
		}
	}
};


© 著作权归作者所有

木子丰
粉丝 17
博文 236
码字总数 68754
作品 0
郑州
程序员
深入JavaScript事件处理

[toc] 事件:是文档或浏览器窗口中发生的特定的交互瞬间。 1. 事件流 指的是:从页面中接受事件的顺序。分为:事件冒泡流和事件捕获流。 事件冒泡: 事件捕获: 1.1 到底选择哪种 目前来说,...

AsuraDong
2017/11/19
0
0
多种DOM事件处理程序分析及跨浏览器的事件解决方案

一.HTML事件处理程序 <input id="btn" type="button" value="按钮" onclick="showMsg()"> 缺点:高耦合,修改事件的时候需要同时修改js和HTML页面 二.DOM0级事件 三.DOM2级事件 浏览器支持...

Simon_ITer
2016/10/19
80
0
多种DOM事件处理程序分析及跨浏览器的事件解决方案

一.HTML事件处理程序 <input id="btn" type="button" value="按钮" onclick="showMsg()"> 缺点:高耦合,修改事件的时候需要同时修改js和HTML页面 二.DOM0级事件 三.DOM2级事件 浏览器支持...

Simon_ITer
2016/08/17
37
0
(转)Ajax_XMLHttpRequest Level 2

XMLHttpRequest 是一个浏览器接口,使得 Javascript 可以进行 HTTP (S) 通信。   最早,微软在 IE 5 引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax 操作因此得以诞生。   ...

晓晓桑
2012/09/12
0
1
(转载学习)XMLHttpRequest Level 2 使用指南

本文为转载学习 原作者:阮一峰 原文链接:http://www.ruanyifeng.com/blog/2012/09/xmlhttprequestlevel2.html 一、老版本的XMLHttpRequest对象 在介绍新版本之前,我们先回顾一下老版本的用...

heroShane
2014/01/24
0
0
XMLHttpRequest Level 2 使用指南

XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。 最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。 但是,这个接口一...

徐徐前进
2012/10/02
0
0
javascript获取鼠标点击事件的位置

给ducument对象分配一个onclick事件处理程序,然后,该事件处理程序执行的时候,通过Event对象获取点击位置 document.onlick=processClick; function processClick(evt){ evt=evt||window.ev...

dingjunnan
2014/01/04
0
0
jquery 事件对象属性小结

使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象. jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQu...

i33
2012/10/25
0
0
【翻译】Iframe, onload 与 document.domain

原文链接:http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/ 译者:Demix 在web2.0的时代,越来越多的人开始关注使用iframe将第三方网站的内容嵌入自己的网站中...

山哥
2011/09/19
0
0
XMLHttpRequest Level 2 使用指南

XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。 最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。 但是,这个接口一...

阮一峰
2012/09/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

DUBBO 详细介绍

摘要: 主要核心部件: Remoting: 网络通信框架,实现了 sync-over-async 和 request-response 消息机制. RPC: 一个远程过程调用的抽象,支持负载均衡、容灾和集群功能 Registry: 服务目录框架...

明理萝
17分钟前
0
1
4 个快速的 Python 编译器 for 2018

简评:Python 和其他的解释型语言一样经常被吐槽性能不行,所以开发人员为了提升性能创建了不少编译器,本文则选取其中的四个做了基准测试。 Python 其实是一种相当快的语言,但它并不像编译...

极光推送
20分钟前
0
0
spring boot注册多个MQ服务器的问题

关于注册到多个MQ源的文章已经有很多了,这里记录一下声明queue的坑; 如果使用注册bean的方式声明queue,会导致声明的queue同时被注册到所有的MQ源上; //如果使用下面的声明方式,que...

placeholder
21分钟前
0
0
Java面试基础篇——第九篇:BIO,NIO,AIO的区别

现在IO模型主要分三类:BIO(同步阻塞IO),NIO(同步非阻塞IO),AIO()。 先来看看BIO。 1. BIO 服务端接受到请求后,要指派或新建一个线程去处理客户端的IO请求,直到收到断开连接的指令。这么做...

developlee的潇洒人生
26分钟前
0
0
@RequestMapping @ResponseBody 和 @RequestBody 用法与区别

1.@RequestMapping 国际惯例先介绍什么是@RequestMapping,@RequestMapping 是一个用来处理请求地址映射的注解,可用于类或方法上。用于类上,表示类中的所有响应请求的方法都是以该地址作为...

特拉仔
28分钟前
1
0
基于 HTML5 结合互联网+ 的 3D 隧道

前言 目前,物资采购和人力成本是隧道业发展的两大瓶颈。比如依靠民间借贷,融资成本很高;采购价格不透明,没有增值税发票;还有项目管控和供应链管理的问题。成本在不断上升,利润在不断下...

xhload3d
30分钟前
0
0
济南小程序热度分析

原文链接:http://www.jnqianle.cn/company/2072.html

tianma3798
31分钟前
1
0
大数据软件

beats 采集 kafka spark hive es grafana zeppelin

ArlenXu
33分钟前
0
0
Mac item2常用快捷键

标签 新建标签:command + t 关闭标签:command + w 切换标签:command + 数字 command + 左右方向键 切换全屏:command + enter 查找:command + f 分屏 水平分屏:command + d 垂直分屏:c...

说回答
37分钟前
0
0
mac常用软件

1.excel for mac http://www.pc6.com/mac/114205.html

小黑202
37分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部